ClipTo带图像和背景图像

Question

我试图用另一个图像将图像剪辑成具有背景的织物画布，我尝试按照示例here。

但是，当我在第一线添加backgroundColor剪裁不工作了：

var canvas = new fabric.Canvas('divPad', { 
    width: $("#divPad").width(), 
    height: $("#divPad").height(), 
    backgroundColor:'yellow', 
}); 

有人能帮助我吗？

Answer 1

它不能工作。 您不是在剪裁，而是在“soruce-atop”模式下玩全局复合操作。 这意味着您的图像将在画布的一部分上绘制，其中的部分与透明不同。

如果您将纯色作为背景，则无法继续工作。

一个解决方案可能是在画布下面有一个div，并使div变黄而不是画布本身。

或者你可以尝试获取图像的形状，并做一些真正的剪辑而不是全局合成。