How to change point M in SVG path?

Question

HTML

There is this SVG PATH shape:

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

Where M68, 31.3are the coordinates to start drawing.

How to change these coordinates so that all the rest are recalculated proportionally?

For example, move the shape to the right at a coordinate of 200, 150

Answer 1

Можно пересмотреть документацию по командам в атрибуте d элемента path
Там общее правило:
маленькая буква использует относительные координаты (остаются как есть),
заглавная буква ожидает абсолютных координат — вот их надо скорректировать.
Посчитайте изменения стартовой точки по x и по y. И на эти изменения скорректируйте все коорд. после операторов в верхнем регистре.

Answer 2

Wrap pathin gand add transform="translate(200 150)". If the coordinate is needed, then x = 200 - 68, y = 150 - 31.3and the values ​​intranslate