Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用svg.js将元素添加到现有组_Javascript_Svg_Svg.js - Fatal编程技术网

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

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

我有一个加载的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”组中添加所有这些路径

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