gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 14:27:48 27 4
gpt4 key购买 nike

我有一个加载的 svg map ,然后我创建了一些我想添加到一组加载的 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('...');

这是实际结果

That's the result I'm getting

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

最佳答案

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

关于javascript - 使用 svg.js 将元素添加到现有组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51679008/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com