Bir divın içeriğini bir tuvale "çizmek" mümkün mü? ... css ile div manipülasyonunu yaptım, ancak içeriği "jpg" ile "kaydetmek" için tuvale ihtiyacım varhtml5'e DIV içeriği nasıl gönderilir CANVAS
yüzden soru .dataToURL işlevi ... bir HTML bilmek önceden
sayesinde bir div içeriğini aktarmak ve bir tuvale çizin, CSS, jQuery işlevini yapmak
<canvas> HTML içeriğinin üzerine doğrudan yerleştirilmemesi, <IFRAME> ile birleştirilmesi özel bilgilerin kaybolmasına neden olabilir.
Yapabilecekleriniz, SVG görüntüsünü dinamik olarak oluşturup bunu <canvas> üzerinde çizmenizdir. SVG, zengin metin biçimlendirmesi için <canvas>'dan daha iyi bir desteğe sahiptir.
jQuery kütüphanesi:
http://keith-wood.name/svg.html
dışarı
Kontrol html2Canvas, bir dom elemanı alır ve bir tuvale dönüştürür ve sonra çizebilirsiniz (Metin örneğe bakın)
http://html2canvas.hertzen.com/
var domElement = document.getElementById('myElementId');
html2canvas(domElement, {
onrendered: function (domElementCanvas) {
var canvas = document.createElement('canvas');
canvas.getContext('2d').drawImage(domElementCanvas, 0, 0, 100, 100);
// do something with canvas
}
}
https://github.com/niklasvh/html2canvas gibi bir şey mi? – Niklas
aptalca ben google div2canvas! ... kontrol edecek – menardmam
Script hala çok deneysel bir durumda, bu yüzden bir üretim ortamında kullanmamanızı tavsiye ediyorum, ya da hala onunla uygulama geliştirmeye başlamıyorum, yine de önemli değişiklikler yapıldı. Ancak, özellikle bir şey çalışıyor olmalı, ancak yanlış görüntülüyorsa, bunu test edin ve bulgularınızı bildirin. – menardmam