如何填充Fabric.js中的兩個對象的交集？

Question

我正在使用Fabric.js創建一個簡單的繪畫應用程序。 我遇到問題的功能之一是存儲桶工具。

對象可填充有使用Fabric.js與canvas.item(0).fill = "red" 但是我希望能夠填充兩個對象的交集[C]顏色[A，B]。

有誰知道如何實現這一目標？我一直在尋找關於如何實現這個和許多指向'洪水填充'的例子和教程，但我不認爲它可以用Fabric.js實現

任何幫助將不勝感激！

Answer 1

當您可以獲得整個畫布的像素化光柵對象時，應該可以實施填充。但是如果你想留在矢量世界中，你需要布爾操作來獲得桶的所有形狀的相交形狀。之後，您可以設置該交點表面的背景顏色。

我不是fabricjs的專家，所以我不知道它是否支持這些。對於具有布爾操作的javascript繪圖庫，請查看question。