javascript - canvas.toDataURL 导致纯黑色图像？

Question

我有一个 Canvas 元素，里面有一些涂鸦。

我正在使用以下方法将 Canvas 转换为 jpeg:

var data = canvas.toDataURL( "image/jpeg", 0.5 );
var img = new Image();
img.src = data;
$( "body" ).append( img );

然而，我得到的不是我的涂鸦，而是纯黑色的 jpeg。

谁能告诉我我做错了什么？

谢谢!

Answer 1

发生这种情况是因为 JPEG 不支持透明背景。如果您希望支持透明背景，请使用 png(默认扩展名)，否则您可以使用 为 Canvas 设置非透明填充颜色。 fillStyle和 。 fillRect