javascript - fabricjs 删除背景图片

Question

设置后是否可以删除 fabric.Canvas 中的背景图像:

canvas.setBackgroundImage('img_url',function() { 
    canvas.renderAll();

还是回到标准背景？将 backgroundColor 设置为 white 无效。

感谢您的帮助!问候最大

Answer 1

这是来自 renderAll 的片段fabric.Canvas的功能;

...
if (this.backgroundColor) {
    canvasToDrawOn.fillStyle = this.backgroundColor;
    canvasToDrawOn.fillRect(0, 0, this.width, this.height);
}

if (typeof this.backgroundImage === 'object') {
    this._drawBackroundImage(canvasToDrawOn);
}
...

显然，当您执行 canvas.backgroundColor = white; 时，背景颜色实际上被设置为白色.但是，由于 canvas.backgroundImage仍然是 Image对象，它会绘制在您填充背景的任何颜色上。

所以，当您不想要 backgroundImage 时要绘制，需要将其设置为0 .它不适用于 null , 自 typeof this.backgroundImage === 'object'仍然评估为 true在 renderAll , 提示 backgroundImage被绘制。它适用于 canvas.backgroundImage = 0; , 不过。

Example 。