Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在html2canvas中将透明颜色更改为白色_Javascript_Html_Css_Html2canvas - Fatal编程技术网

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

Javascript 在html2canvas中将透明颜色更改为白色,javascript,html,css,html2canvas,Javascript,Html,Css,Html2canvas,我正在使用javascript库保存项目的表。它工作正常,但当我保存图像时,它会显示PNG的透明背景色和jpeg的黑色背景色。 以下是我所做的: <script> window.onload = function(){ html2canvas(document.getElementById("tablePng"),{ onrendered: function(canvas){

我正在使用javascript库保存项目的表。它工作正常,但当我保存图像时,它会显示PNG的透明背景色和jpeg的黑色背景色。 以下是我所做的:

<script>
        window.onload = function(){
              html2canvas(document.getElementById("tablePng"),{
                    onrendered: function(canvas){
                    var img = canvas.toDataURL('image/jpeg');
                    $('#saveTable').attr('href',img);
                  }
              });
      };
</script>
不会改变什么。。。给透明的


那么,如何更改背景底色以使保存的图像易于阅读呢?

只需将css
背景色:35; ffffff
添加到表格:)


希望这能有所帮助

DOM中的table元素的背景颜色是什么?根据背景设置“画布背景颜色,如果DOM中未指定任何颜色。为透明设置未定义”。@nietonfir其while。我正在使用引导表。如果不调用函数
onload()
,而是手动调用,会发生什么情况?@nietonfir它不会工作。实际上,我做了一个链接,当点击该链接时,下载选项就会出现。当尝试手动使用时,我必须创建另一个链接来保存图像。我犯了一个多么愚蠢的错误。。。我只在html2canvas中挖掘,但我的逻辑在css表中是错误的。谢谢@g-newa.:)谁会想到在渲染黑色背景的元素上需要白色背景…看起来很简单,但不是第一个想到将白色背景设置为白色。。。
    <script>
        window.onload = function(){
              html2canvas(document.getElementById("tablePng"),{
                    background: "#fff",
                    onrendered: function(canvas){                     
                    var img = canvas.toDataURL('image/jpeg');
                    $('#saveTable').attr('href',img);
                  }
              });
      };
</script>