使用 svg.js 将元素添加到现有组
Add element to existing group using svg.js
我有一个加载的 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”组中
您的新地图是您标记中的一个元素,而不是根元素,因此当您创建新内容时只需 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('...');
}
我有一个加载的 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”组中
您的新地图是您标记中的一个元素,而不是根元素,因此当您创建新内容时只需 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('...');
}