HTML2Canvas 保存画布错误答案

【问题标题】：HTML2Canvas Save Canvas ErrorHTML2Canvas 保存画布错误
【发布时间】：2018-12-02 00:17:23
【问题描述】：

查看使用 HTML2Canvas 保存 HTML div，我正在查看使用 id“imagesave”保存 div 我在网上看到以下代码的示例，但是当我按下下载图像时没有任何反应，怎么能我做这个工作？

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="html2canvas.js"></script>

<button id="save_image_locally">download img</button>

   <div id="imagesave">
     <p>testing</p>
        <p>testing</p>
   </div>

<script>

  $('#save_image_locally').click(function(){
    html2canvas($('#imagesave'), 
    {
      onrendered: function (canvas) {
        var a = document.createElement('a');
        a.href = canvas.toDataURL("image/jpeg").replace("image/jpeg", "image/octet-stream");
        a.download = 'somefilename.jpg';
        a.click();
      }
    });
  });

</script>
</body>
</html>

【问题讨论】：

标签： javascript jquery html html2canvas

【解决方案1】：

指定背景颜色，添加 CSS 如下：

#imagesave {
  background:lightblue;
}

【讨论】：