thehighhomie
@thehighhomie

Fabricjs: установить границы для объектов?

Как реализовать такое поведение как на видео? https://yadi.sk/i/eOIkUkSyWVXq2g

Чтобы когда объекты выходили за границы, они скрывались как с overflow: hidden, но и чтобы была возможность схватить объект за границами, на видео постарался прям показать все в точности.
  • Вопрос задан
  • 121 просмотр
Решения вопроса 1
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
1. Расширять динамически канвас (холст), когда объект перетаскивается за границы, но не давать объекту скрыться (расширять на величину не более 80% от ширины или высоты, например).
2. На канвас, сверху, наложить "ширму": слой c "прозрачностью" (pointer-events) для событий мыши (и с прямоугольником в центре - видимая рабочая область в канвасе): pointer-events: none; Тогда при выделении, того, что находится под слоем-"ширмой", видно не будет, но границы области выделения будут растягиваться (событие выделения объекта) за этим слоем-"ширмой". Т.е., будет работать так, будто всё видно.

Здесь все варианты pointer-events.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
summer Ярославль
от 100 000 до 140 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
19 апр. 2024, в 17:06
15000 руб./за проект
19 апр. 2024, в 16:53
1000 руб./за проект
19 апр. 2024, в 16:45
5000 руб./за проект