使用html2canvas创建图像而不是截图

Question

我有这个代码

html2canvas($(".container"), {imageTimeout: 2000, removeContainer: true}).then(function(canvas) {
   img = canvas.toDataURL("image/png"),
   doc = new jsPDF({
     unit: 'px',
     format: 'a4'
   });
    window.open(img);
});

我希望$（“。container”）中的所有HTML都出现在我的图像中，但是它只创建带有出现在屏幕中的HTML的图像。

Answer 1

我的理解是我写这段代码。 希望这段代码对您有所帮助。

html2canvas($("#container"), {
 onrendered: function (canvas) {
         var imgData = canvas.toDataURL('image/png');
         var a = document.createElement('a');
         a.href = imgData ;
         a.download = 'somefilename.png';
         a.click();
 }
});