Перетаскиваемые элементы и изменение размера в SVG

Я хочу, чтобы элемент svg (путь, прямоугольник или круг) можно было перетаскивать и изменять его размер дескрипторы.

Но в отличие от HTML DOM, не все элементы имеют координаты x, y верхнего левого угла, а также ширину и высоту рамки, окружающей контент. Это делает неудобным выполнение стандартной процедуры изменения размера или перетаскивания.

Хорошо ли рисовать каждый контур или круг внутри своего собственного svg-объекта, чтобы я мог играть с ним?

Как перетаскивание / изменение размера обычно реализовано в SVG?