Question

使用html2canvas，我在输出div中渲染图像时遇到问题。我确实读过图像必须位于相同的原点。因此，我将我的图像放在与html相同的目录下。

不幸的是，控制台日志中没有错误。

我附上了一个小提琴（我不确定图像是否可以正常使用外部网址，但它给出了我希望实现的目标）。

我的本地代码看起来有点像这样：

html2canvas(document.body, {
    onrendered: function(canvas) {
        document.body.appendChild(canvas);
    }
});

           $("#btnSave").click(function() { 
          html2canvas($("#widget"), {
              onrendered: function(canvas) {
                  theCanvas = canvas;
                  document.body.appendChild(canvas);

                  // Convert and download as image 
                  Canvas2Image.saveAsPNG(canvas); 
                  $("#img-out").append(canvas);
                  // Clean up 
                  //document.body.removeChild(canvas);
                }
            });

   <div id="widget">
    <h1>test</h1>
    <img src="dropboxlogo.jpg"/>
   </div>

Answer 1

有点太晚，但解决办法是将所有图像传输到base64

True

html2canvas图像无法渲染

1 个答案: