Question

我正在使用javascript库html2canvas来保存我的项目表。它工作正常，但是当我保存图像时，它显示PNG的透明背景颜色和jpeg的背景颜色黑色。这是我做的：

<script>
        window.onload = function(){
              html2canvas(document.getElementById("tablePng"),{
                    onrendered: function(canvas){
                    var img = canvas.toDataURL('image/jpeg');
                    $('#saveTable').attr('href',img);
                  }
              });
      };
</script>

执行上述操作将保存图像，但背景颜色为黑色，更改var img = canvas.toDataURL('image/png');时背景将是透明的。并在文档中添加背景说：

    <script>
        window.onload = function(){
              html2canvas(document.getElementById("tablePng"),{
                    background: "#fff",
                    onrendered: function(canvas){                     
                    var img = canvas.toDataURL('image/jpeg');
                    $('#saveTable').attr('href',img);
                  }
              });
      };
</script>

什么都不会改变......透明。

那么如何更改背景底色以便保存的图像可以轻松读取？

Answer 1

只需将css background-color:#ffffff添加到您的表格中：）

希望这会有所帮助

在html2canvas中将透明颜色更改为白色

1 个答案: