Я хотел бы понять систему координат SVG и понять, почему что-то происходит.
Я использую Inkscape для создания чертежа SVG.
На самом деле я создаю приложение, которое читает SVG (XML) файл и создайте три JS фигуры на основе SVG, поэтому там, где есть <rect>, я преобразую это в куб, например.
У меня проблема с вращением, это кажется, что когда transform: rotate() применяется к SVG, значения x и y также меняются.
Ниже приведен пример, созданный в Inkscape, в редакторе XML видно, что x и y изменились, когда я применил вращение.
Я ожидал бы, что xy будет в верхнем левом углу пунктирного контейнера, (близко к 0 0), так почему же x и y не 0 0?
Похоже, что исходный объект по умолчанию может быть не центром, как я ожидаю?
Причины возникновения проблем при позиционировании с моим приложением в Три JS, иногда объекты перекрываются или появляются в случайных позициях .
Я бы тоже хотел узнать в любом случае есть ли в коде, который я мог бы 'noralise' x и y прямоугольника с учетом поворота?
Я не хочу, чтобы x и y были изменены, я хочу знать, x и y, как если бы вращение не применялось.
Имеет ли это смысл для людей?
Спасибо
