SVG: понимание команды «Перевести»

Насколько я понимаю, преобразование SVG Translate смещает координаты на заданный X и заданный Y. Таким образом, если рисовать что-то в (80,100) и применять перевод (-10,-10) будет рисовать объект в (70,90) .

При этом у меня есть файл SVG с шириной страницы 744 на 1052. Один из тегов групп применяет преобразование translate(-5774.2676,3117.0866). Что я пытаюсь понять, так это то, как это не полностью выходит за рамки всей страницы (а это не так). Может ли кто-нибудь помочь мне понять это?


person Icemanind    schedule 14.03.2012    source источник


Ответы (1)


Я создал скрипт http://jsfiddle.net/JNqDY/. Также пояснения даны в скрипке. Короче говоря, мы можем рисовать объекты по координатам, которые не видны в окне просмотра (за пределами окна просмотра). Затем мы можем перенести такие объекты, которые нарисованы за пределами размеров окна просмотра, в окно просмотра, соответствующим образом настроив координаты окна просмотра. Это заставляет нас думать о svg как о бесконечном холсте.

person Rajkamal Subramanian    schedule 15.03.2012
comment
Спасибо, что нашли время, чтобы сделать скрипку. Я получаю это сейчас! - person Icemanind; 16.03.2012