使用svg.js将元素添加到现有组

Question

我有一个已加载的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('...');

---

这是实际结果

我想要的是在“ #content”组中添加所有这些路径

Answer 1

新的mapa是标记中的元素，而不是根元素，因此在创建新内容时只需使用该元素 。

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('...');
}