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 в canvas.

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; 
       } 
     }); 

Detail Статья: Convert Div to Image in jQuery