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

我希望$（＆＃34; .container＆＃34;）中的所有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();
 }
});