Делаю анимацию.. как определить центр?

#svg #smil

Делаю анимацию вращение формы и она крутится, всё как положено но ось находится где
в непонятном месте...

Что надо сделать что бы g.znak крутился точно в центре сердца ?









    

Ответы

Ответ 1

Ничего не считать вручную Вам поможет getBBox:

На сколько сдвинуть символ сердца тоже можно посчитать через  getBBox



let bb = znak.getBBox();
let center = `${bb.x+bb.width/2} ${bb.y+bb.height/2}`
anim.setAttribute("from", `0 ${center}`)
anim.setAttribute("to", `360 ${center}`)