Почему SVG вращается вокруг точечной формулы, противоположной нормальной формуле?

Question

Я читаю SVG Essentials, в главе 6 говорится о преобразовании поворота. Он говорит, что

поворот (угол, центрX, центрY) равен translate (centerX, centerY) поворот (угол) translate (-centerX, -centerY)

НоПрежде чем вычислить эту проблему, я узнаю, что сначала наведите точку A (x, y) на A (x - centerX, y - centerY), затем поверните, затем добавьте centerX, centerY назад.

Как и в этом ответе говорит.

Я пытаюсь просмотреть некоторые знания линейной алгебры, но все еще не могу понять, в чем разница.

Может кто-нибудьскажите мне, почему это произошло?

Пожалуйста, объясните мне, почему svg add-rotate-sub и normal это sub-rotate-add?

Заранее спасибо.

Answer 1

Ваши рассуждения верны. В спецификации SVG порядок преобразований применяется справа налево, поэтому он соответствует вашей интуиции:

1) translate(-centerX, -centerY)
2) rotate(angle) 
3) translate(centerX, centerY)

См. этот ответ для получения более подробной информации.