Добавить элемент в существующую группу, используя svg.js

1

У меня есть загруженная svg-карта, а затем я создаю несколько путей, которые хочу добавить в группу загруженного SVG, но я не могу.

Здесь я загружаю свою карту

var mapa = SVG('map').size('100%', '100%');

var mapLoad = new XMLHttpRequest();
mapLoad.open('GET', 'img/my_map.svg', true);
mapLoad.send();
mapLoad.onload = function(e) {
  mapa.svg(mapLoad.responseText);
}

Затем я создаю несколько путей в SVG

var plane = mapa.path('...');

И это фактический результат

Изображение 174551

Я хочу добавить все эти пути в группу "#content"

Теги:
svg
svg.js

1 ответ

2
Лучший ответ

Ваша новая карта является элементом внутри вашей разметки, а не корневым элементом, поэтому просто используйте этот элемент при создании нового контента.

var mapa = SVG('map').size('100%', '100%');

var mapLoad = new XMLHttpRequest();
mapLoad.open('GET', 'img/my_map.svg', true);
mapLoad.send();
mapLoad.onload = function(e) {
  mapa.svg(mapLoad.responseText);
  mapa = SVG.get('mapa');
  var plane = mapa.path('...');
}
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню