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