html2canvas - 如何在html2canvas中将透明颜色变成白色而不是黑色？

Question

我正在尝试使用 html2canvas 截取屏幕截图:

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

我的 body 背景是透明的，因此 urlData 因为 jpeg 具有黑色背景(不像浏览器中的白色)。
在这种情况下，如何修复此行为并使背景颜色变为白色？

Answer 1

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

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

至

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

之后，使用背景参数集调用 html2canvas 就足够了:

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

对我来说......将未定义的背景视为透明是有意义的。