javascript - 使用 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”组中添加所有这些路径
解决方案
您的新 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('...');
}
推荐阅读
- pandas - python重塑每n列
- c - 在 C 中打印最长公共子字符串的代码
- php - Laravel - 当播种机调用时使目录不起作用
- javascript - 如何使用 setInterval 构造 useEffect
- python - 如何在列向量中找到n个最大元素的索引,Python
- ruby-on-rails - 为什么我的表格没有保存?form_for 问题
- python - 嵌套模型时没有提供渐变 Keras Tensorflow
- c++ - 如何在 EXPECT_CALL 中使用 testing::_,不包括 2 个值?
- python - 创建第二个实例时,画布上的第一个实例图像消失
- python - 如何在请求超时后停止 API 拾取