Как сделать отсчет координат от центра в svg?

Question

[liltrill]

Я пишу скрипт для построения кольцевой диаграммы, и возникли трудности. Мне необходимо вести отсчет системы координат от центра(то есть если я в path d укажу M0,0 L100,100 то линия должна идти от центра до 100px в верх). Сейчас у меня отсчет идет от верхнего левого угла, как можно это исправить?

Answer 1

[Dima Polos]

Я думаю, что через трансформации системы координат и размеры viewBox'a можно, сам не пробовал, но если покопать, думаю получится.
https://htmlacademy.ru/courses/259/run/13 - вот тут можно посмотреть про трансформации.

Answer 2

[wisgest]

Указать во viewBox координаты левого верхнего угла равные отрицательной половине его ширины и высоты, например
viewBox="-50 -50 100 100"