На работе столкнулся со сложной задачей. Я создаю графический редактор SVG для веб приложения, использую Canvas API, Three Js, Fabric Js для работы с графикой, ну и для интерфейса - наш любимый React, Next Js.

Сделано полноценное приложение с возможностью изменять SVG с функционалом как в Figma (перемещение, изменение, удаление, группировка, работа со слоями и много другого).

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

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

Было принято решение отвлечься и заняться другой задачей.

А как вы поступаете, когда не можете решить задачу, или не можете понять тему?