Расположение SVG

Я имею игру с SVG и имею несколько проблем с расположением. У меня есть серия форм, которые содержатся в g тег группы. Я надеялся использовать его как контейнер, таким образом, я мог установить его x положение, и затем все элементы в той группе также переместятся. Но это, кажется, не возможно.

  1. Как большинство людей идет о расположении группы элементов, которые Вы хотите переместить в тандем?
  2. Есть ли какое-либо понятие относительного расположения? например, относительно его родителя
181
задан user1742529 29 August 2019 в 06:31
поделиться

2 ответа

Как упомянуто в другом комментарии, эти transform атрибут на g элемент - то, что Вы хотите. Используйте transform="translate(x,y)" для перемещения g вокруг, и вещи в эти g переместятся относительно g.

30
ответ дан draw 23 November 2019 в 06:09
поделиться

Все в g элементе расположено относительно текущей матрицы преобразования.

Для перемещения содержания просто поместите преобразование в g элемент:

<g transform="translate(20,2.5) rotate(10)">
    <rect x="0" y="0" width="60" height="10"/>
</g>

Ссылки: Пример от спецификация

SVG 1.1
256
ответ дан Corey Trager 23 November 2019 в 06:09
поделиться
Другие вопросы по тегам:

Похожие вопросы: