Javascript 使用svg.js将元素添加到现有组
我有一个加载的svg映射,然后我创建了一些路径,我想添加到一组加载的svg中,但我做不到 在这里我加载我的地图Javascript 使用svg.js将元素添加到现有组,javascript,svg,svg.js,Javascript,Svg,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.re
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”组中添加所有这些路径新的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('...');
}