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