Функция context.drawImage не позволяет сохранить постоянство изображения в ткани Js

Question

Я использую ткань Js на холсте, где: Я разрабатываю страницу продукта для сайта электронной коммерции, где Я нарисовал фоновое изображение и создал многоугольник на нем, а затем внутри многоугольника я загрузил изображения, что отлично работает.

Но теперь я должен сделать функцию обрезки изображения внутри полигона для каждого изображения, чтобы при щелчке по нему я мог обрезать его.

Я использовал canvas context.drawImage() ;. Функция, которая работает нормально, но когда я нажимаю на изображение или где-либо еще на холсте, он исчезает, и я не могу его выбрать. Может ли кто-нибудь помочь мне?

код следует как

var image = new Image(); 
image.src = "uploads/cat.jpg"; 
image.onload = function(){ 
context.drawImage(image, 0, 19, 69, 97, 300, 100, 103, 145); 
context.Image.selectable = true; 
} 

Answer 1

я мог бы что-то не хватает здесь, не видя больше контекста, но я думаю, что если вы использовали функцию fabric.Image обратить ваше изображение вместо context.draw изображения он может работать? Похоже, что может возникнуть проблема со смешением функций ткани и регулярным рисунком холста. image.Fabric

Извините, если я неправильно понял! Я немного расплывчатый в описании вашего заказа на образ/фигуру, скриншот может помочь, если этот ответ не применяется.