ClipTo与图像和背景图像

Question

我尝试将带有其他图片的图片剪切到带背景的布料画布中，我尝试按照示例 here 。

但是当我在第一行添加backgroundColor时，剪辑不再起作用了：

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

有人能帮助我吗？

Answer 1

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

如果您将纯色作为背景，则此功能不再有效。

一种解决方案可能是在画布下设置div并使div为黄色，而不是画布本身。

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