Я работаю над обрезкой изображений с использованием Fabric JS версии 1.7.22. Как обычно, каждый кроппер отображает черное прозрачное наложение поверх изображения (где изображение выглядит тусклым), а также отображает один Rect. (Обрезать область, где изображение выглядит полным цветом).
мы можем создать эту функциональность, используя ткань JS с фоновым изображением и fabric.Rect объект.
Моя проблема в том, что когда я использую GlobalCompositeOperation со свойством destination-out для fabric.Rect объекта. Это сделает отверстие через холст.
Простым словом:
, когда я добавлю globalCompositeOperation к destination-out, это также сделает отверстие через холст.
Ожидаемый результат холста: 
Текущий результат холста: 
Я сделал один кодовый блок для демонстрации: https://codepen.io/mayurkukadiya0/pen/zYYWOGL?editors=0110
У меня естьнашел один кодовый блок также для того же сделать, но они добавить несколько холст для отображения изображения в отдельном слое и прямоугольник и оверлей в отдельном слое. Есть ли способ сделать это без добавления внешних холст или изображение CSS за холстом? Вот эта ссылка: https://codepen.io/s0nnyv123/pen/eravaN