Fabri cJS: есть ли способ сделать объект недоступным для выбора вне маски обрезки?

Question

Я создаю сетку на fabri c холсте, где пользователь может загружать изображения в каждую ячейку сетки. У каждой ячейки есть обтравочная маска, и все в порядке. Но моя проблема в том, что если пользователь перемещает изображение в одной ячейке, вы можете видеть выделение за пределами обтравочной маски. Есть ли способ сохранить выделение внутри обтравочной маски? вот скриншот

Answer 1

Попробуйте добавить в параметры холста следующий параметр controlsAboveOverlay: true

const canvas = new fabric.Canvas("c", {
  controlsAboveOverlay: true
});

http://fabricjs.com/docs/fabric.Canvas.html#controlsAboveOverlay

Изменить: Добавлен пример с опцией perPixelTargetFind

https://codesandbox.io/s/kind-shtern-hq20u?file= / src / index. js