canvas 图片背景透明

Canvas是HTML5中提供的一种图像处理技术，它可以用JavaScript在网页中绘制图片、图形等。在Canvas中，当图片背景透明时，如果不指定背景颜色，通常会默认填充成黑色。解决方法有两种：一种是在绘制图片前，先用.clearRect()方法清除画布上的内容，另一种是在绘制图片前，将canvas的背景颜色设置成透明色。可以通过在绘制图片前调用context.clearRect(0,0,canvas.width,canvas.height)或者 context.fillStyle = "rgba(0, 0, 0, 0)"; context.fillRect(0, 0, canvas.width, canvas.height); 这两个方法解决这个问题。

参考代码：
引用[1]: context.clearRect(0, 0, canvas.width, canvas.height);
引用[2]: html2canvas(shareContent, opts).then(function(canvasa){
var base64Data = canvasa.toDataURL('image/jpeg');
console.log(base64Data);
});
引用[3]: context.fillStyle = "rgba(0, 0, 0, 0)";
context.fillRect(0, 0, canvas.width, canvas.height);

--相关问题--: