Я создал простую jsfiddle , чтобы проиллюстрировать то, что я пытаюсь выполнить здесь.
У меня есть абсолютно позиционированная fabric.Rect
, которая действует как маска clipPath
дляизображение.
Когда вы наводите курсор мыши на изображение, оно правильно выделяет изображение , но вы также можете поместить курсор вправо изображения, и изображение будетизюминка.Это потому, что эта область все еще технически является частью изображения, она просто не отображается из-за маски clipPath
.
Я хотел бы иметь возможность выбирать изображение, только если курсор находится в пределах диапазонаизображения, которое отображается маской.
Я пытался сделать:
img.controlsAboveOverlay = false
и
canvas.controlsAboveOverlay = false
Я надеялся, что запретить элементам управлениябыть показанным также запретит выбор, если мы не в маске.Это, похоже, не работает.