Мы разрабатываем ящик на основе SVG. Пользователь может добавлять элементы к нему и так далее. Элементы SVG имеют свои точки, сохраненные в базе данных. Когда приложение загружается, SVG рисуется правильно. Здесь все отлично работает!
Теперь пользователь может перемещать элементы и вращать их. После того, как эти действия выполнены, новые точки элементов должны быть отправлены в базу данных. Проблема в том, что, используя transform
, мы меняем пользовательскую систему координат, а вместе с этим и точки всех других элементов.
Моей первой мыслью было выполнить итерацию по всем элементам SVG и обновить их точки при изменении точек одного элемента.
Какова лучшая практика при работе с SVG?