在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');背景时将保持透明.并在文档中添加背景说:

    <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到您的表中:)

希望这可以帮助