如何将特定的div(包括svg图像的所有内容)转换为png图像?

时间:2018-11-27 12:32:54

标签: javascript jquery html html2canvas

假设我的div包含一个包含文本的svg图像的表,当尝试将此div转换为png时,该表和文本将被转换而没有任何问题,但是svg图像将消失! 我尝试将“ html2canvas.js ”和“ dom-to-image.js ”与“ FileSaver.js ”一起使用,但未做任何更改。

html2canvas代码:

$("#cmd").click(function () {
    html2canvas(document.querySelector("#shape")).then(function (canvas) {
        document.body.appendChild(canvas);
    });
});

图像对码:

var node = document.getElementById('shape');
var btn = document.getElementById('cmd');
btn.onclick = function () {
    domtoimage.toBlob(document.getElementById('shape')).then(function (blob) {
          window.saveAs(blob, 'image.png');
    });
}

0 个答案:

没有答案