Div与jQuery/JavaScript的图像

Question

我想转换div到图像使用html2canvas库。我试过但没有成功，无法将完整的div转换为图像，图像中丢失的图像丢失。

URL：https://www.makethatvape.com/ejuicecalc/

试图用代码：

html2canvas($("#widget")).then(function(canvas) { 
    bimg = canvas.toDataURL(); // by default png 
}); 

因此，任何想法如何解决这个问题。我玩html2canvas，它适用于文本和CSS div到画布转换。

Answer 1

试试这个

<div id="copyDiv"></div> 

---

var element = $("#widget"); // global variable 
    var getCanvas; // global variable 

    html2canvas(element, { 
      onrendered: function (canvas) { 
        $("#copyDiv").append(canvas); 
        getCanvas = canvas; 
       } 
     }); 

详细文章：Convert Div to Image in jQuery