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

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');时会变黑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添加到表中即可：)

希望这可以帮助