使用 jQuery/JavaScript 将 Div 转换为图像

Question

我正在尝试使用html2canvas库将 div 转换为图像。我试过但没有成功无法将完整的 div 转换为图像，图像中缺少滴管。

网址：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;
                 }
      });