Как изменить точку М в SVG path?

Имеется такая фигура SVG PATH:

M68,31.3c0,11.2-7.6,20.7-17.8,23.5c-2,0.5-4.9,2.2-6.2,8.3c-1.6-6-4.3-7.8-6.3-8.3      
C27.5,51.9,20,42.5,20,31.3C20,17.9,30.7,7,44,7C57.3,7,68,17.9,68,31.3z


Где M68, 31.3 координаты начала рисования.

Как изменить эти координаты, чтобы все остальные пропорционально были пересчитаны?

Например сместить фигуру вправо на координату 200, 150
  • Вопрос задан
  • 72 просмотра
Пригласить эксперта
Ответы на вопрос 2
Можно пересмотреть документацию по командам в атрибуте d элемента path
Там общее правило:
маленькая буква использует относительные координаты (остаются как есть),
заглавная буква ожидает абсолютных координат — вот их надо скорректировать.

Посчитайте изменения стартовой точки по x и по y. И на эти изменения скорректируйте все коорд. после операторов в верхнем регистре.
Ответ написан
Обернуть path в g и добавить transform="translate(200 150)". Если на координату надо, то x = 200 - 68, y = 150 - 31.3 и значения в translate
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы