我需要拍摄一个 div 的快照。我使用了 html2canvas,它工作正常。但是当我将 SVG 添加到同一个 div 中时,它会忽略 svg。
我也试过 drawImage() 也没有工作。
我读到 clone() 可以做到这一点,但没有奏效。
<canvas id="myCanvas" width="250" height="300">Does not support HTML5 canvas.</canvas>
$("#Numbers").load("random/Nums.html");
绘制图像():
var img = $("#Numbers");
$("#myCanvas").getContext("2d").drawImage(img, 0, 0, 125, 150);
克隆():
$(myCanvas).html($(Numbers).clone());
html2canvas:
document.querySelector("#dbutton").addEventListener("click", function() {
var canvas = document.querySelector("#Numbers");
html2canvas(document.body, {onrendered: function(canvas) {
document.body.appendChild(canvas);
}
});
});
如何捕获包含文本、svg、图像的 DIV?
感谢你的帮助。