встраивание SVG в SVG - PullRequest
Новая
       13

встраивание SVG в SVG

4 голосов
/ 06 ноября 2011

Я не смог найти способ встроить два SVG в документ SVG.Мне нужно сделать это с помощью кода, который будет манипулировать обоими дочерними SVG, и хотел бы иметь независимые координаты в обеих этих областях.Я не люблю делать это в HTML, потому что считаю это слишком ограниченным по сравнению с SVG.Большое спасибо!

Ответы [ 3 ]

5 голосов
/ 07 ноября 2011

Фрагмент документа SVG состоит из любого количества элементов SVG, содержащихся в элементе svg.

В основном: 

<svg …>
  <svg id="a" …>…</svg>
  <svg id="b" …>…</svg>
</svg>
1 голос
/ 14 ноября 2013 
<svg>
...
     <image x="..." y="..." width="..." height="..." xlink:href="path/to/your/file.svg" ></image>
...
</svg>
0 голосов
/ 18 декабря 2014

Одним из решений является структура '[parent svg] - [g] - [child svg]'. 

<svg>
    <g transform="translate(-,-)">
        <svg>
            ...
        </svg>
    </g>
</svg>

Вы можете установить кординат дочернего svg как преобразование (перевести) элемента g.

демо:
http://hitokun -s.github.io / демо / путь-между-два-svg.html

...