剪辑选择区域为ClipTo - Fabric JS

Question

我目前正在使用Fabric.js作为Web应用程序，允许用户以结构化的方式输入和操作画布对象。

我们提供结构的一种机制是拥有用户可以放置图像的“边界框”。将图像放入这些图像时，它们可以进行平移和缩放，但会剪切到原始边界框的大小和位置。

实施例： A clipped image

在这里，我们看到了剪切区域，其控件在剪切区域外可见。

这很好。用户可以平移图像，剪切框保持静止。我们发现了这一点。

但是，如果客户端添加了另一个图像，并且此图像位于第一个图像跨越的区域下方（但由于剪切而不可见），则无法选择第二个对象。

示例：

A selection obscured, clipped image

此处，面部图像位于高尔夫图像延伸的下方，在其剪辑范围之外。如果不取消选择，则无法选择面部图像。可以想象，如果这三个都在这里，则可以永久地模糊人脸图像的选择区域，而不会移动其他两个图像来到达它。

Answer 1

原来这是perPixelTargetFind的一个特性，我不知道，我认为它只适用于png透明度，而不是剪切透明度。

因此，如果您还遇到此问题，只需打开perpixeltargetfind，您就可以解决问题。

谢谢！