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

【问题标题】：Add element to existing group using svg.js使用 svg.js 将元素添加到现有组
【发布时间】：2018-08-04 06:02:23
【问题描述】：

我有一个加载的 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”组中

【问题讨论】：

标签： javascript svg svg.js

【解决方案1】：

您的新 mapa 是您的标记中的一个元素，而不是根元素，所以当您创建新内容时只需 use that element。

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

【讨论】：