Javascript 如何在Fabric.js中填充两个对象的交点?

Javascript 如何在Fabric.js中填充两个对象的交点?,javascript,html,canvas,fabricjs,Javascript,Html,Canvas,Fabricjs,我正在使用Fabric.js创建一个简单的绘画应用程序。 我在实现时遇到的一个问题是Bucket工具。 使用Fabric.js和canvas.item(0)可以用颜色填充对象。fill=“red” 但是我希望能够填充两个对象[A,B]的交点[C] 有人知道如何做到这一点吗?我一直在寻找有关如何实现这一点的示例和教程,许多示例和教程都指向“洪水填充”,但我认为它不能用Fabric.js实现 任何帮助都将不胜感激 当您可以获得整个画布的像素化光栅对象时,应该可以实现整体填充。但是如果你想留在向量世

我正在使用Fabric.js创建一个简单的绘画应用程序。 我在实现时遇到的一个问题是Bucket工具。

使用Fabric.js和canvas.item(0)可以用颜色填充对象。fill=“red” 但是我希望能够填充两个对象[A,B]的交点[C]

有人知道如何做到这一点吗?我一直在寻找有关如何实现这一点的示例和教程,许多示例和教程都指向“洪水填充”,但我认为它不能用Fabric.js实现


任何帮助都将不胜感激

当您可以获得整个画布的像素化光栅对象时,应该可以实现整体填充。但是如果你想留在向量世界,你需要布尔运算来得到你的桶悬停在上面的所有形状的所有相交形状。之后,您可以只设置该相交曲面的背景色


我不是fabricjs专家,所以我不知道它是否支持这两个方面。对于具有布尔运算的javascript绘图库,请查看此项。

谢谢@Christoph。你给我指明了正确的方向。我实现了一个画布,其中保存了使用FabricJS创建的矢量的光栅,然后对其进行整体填充,然后将新着色的像素作为图像放回FabricJS画布,因为无法对FabricJS中的两个或多个对象执行布尔运算(至少我不知道)