Мы создали симулятор футболки на основе fabric.js. Все работает, как и ожидалось, за исключением одной детали, которую клиент хотел бы решить, а именно запрещение загруженного изображения проходить через холст футболки (мы могли видеть его как фоновое изображение).

У меня также есть фоновое изображение в png и svg, но как мне это сделать?

РЕДАКТИРОВАТЬ:

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

В этом последнем случае я знаю, что могу обрезать изображение в форме прямоугольника, но есть ли способ остановить изображение, когда оно попадает на линию, вместо того, чтобы просто идти под ним?

Спасибо