html2canvas – 如何使透明颜色白色而不是画布中的黑色？

发布时间：2020-12-14 19:33:35 所属栏目：资源来源：网络整理

导读：我试图使用html2canvas截图： var body = document.getElementById("body")$(body).html2canvas({onrendered: function( canvas ) { var urlData = canvas.toDataURL("image/jpeg"); }}); 我的身体的背景是透明的,因此,由于jpeg的urlData具有黑色背景(不像浏

我试图使用html2canvas截图：

var body = document.getElementById("body")
$(body).html2canvas({onrendered: function( canvas ) {  
     var urlData = canvas.toDataURL("image/jpeg");  
}});

我的身体的背景是透明的,因此,由于jpeg的urlData具有黑色背景(不像浏览器那样是白色的).
在这种情况下,如何解决这个问题,使背景颜色变白？

解决方法

我修改了临时：_html2canvas.Util.isTransparent from

_html2canvas.Util.isTransparent = function(backgroundColor) {
  return (backgroundColor === "transparent" || backgroundColor === "rgba(0,0)");
};

至

_html2canvas.Util.isTransparent = function(backgroundColor){
return(backgroundColor ===“transparent”|| backgroundColor ===“rgba(0,0)”|| backgroundColor === undefined);
};

之后,使用后台参数集调用html2canvas就足够了

html2canvas(screenshot_element,{
    background :'#FFFFFF',onrendered: function (canvas) {
      .....
    }
  });

对我来说,考虑透明一个未定义的背景是有道理的.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!