Что стоит больше, когда нужно перерисовать элемент SVG?
Например, я создаю перетаскиваемый элемент SVG. Пользователь может захватывать и перетаскивать. Первый возможный способ сделать это - удалить круг и создать новый круг для каждой новой координаты мыши.
Второй возможный способ - просто пересчитать центр круга до новой координаты мыши.
(example code)
var circle = document.getElementById("circle");
circle.cx(new mouse X coordinate);
circle.cy(new mouse Y coordinate);
Теперь, когда количество кругов составляет от 0 до 100, я предполагаю, что проблем с производительностью не будет. Но когда дело доходит до 1000 или 10000 кругов, я ожидаю, что будет некоторая разница.
Какая стоимость больше между удалением и повторным созданием элемента svg, чем перерасчет уже нарисованного элемента svg, когда дело касается его большого количества?