剪輯選擇區域為ClipTo - Fabric JS

Question

我目前正在使用Fabric.js作為Web應用程序，允許用戶以結構化方式輸入和操作畫布對象。

我們提供結構的機制之一是具有用戶可以放置圖像的“邊界框”。 將圖像放入這些圖像時，可以對其進行平移和縮放，但會將其剪切到原始邊界框的大小和位置。

示例： 剪裁的圖像

在這里，我們看到了剪切區域，其控件在剪切區域外可見。

這可以。 用戶可以平移圖像，剪切框保持靜止。 我們發現這一點。

但是，如果客戶端添加了另一個圖像，並且此圖像位於第一個圖像跨越的區域下方（但由於剪切而不可見），則我們無法選擇第二個對象。

例：

選擇模糊，剪裁圖像

這里，面部圖像位於高爾夫圖像延伸的下方，在其剪輯范圍之外。 如果不取消選擇，則無法選擇面部圖像。 可以想象，如果這三個都在這里，則可以永久地模糊臉部圖像的選擇區域，而不移動其他兩個圖像來到達它。

Answer 1

事實證明這是perPixelTargetFind的一個特性，我不知道，我認為它只適用於png透明度，而不是剪切透明度。

因此，如果您還遇到此問題，只需打開perpixeltargetfind，您就可以解決您的問題。

謝謝！