如何使用普通JavaScript保存SVG d属性路径元素?
我正在使用SVG形状,并在本地工作,我试图让它在不使用jQuery的情况下工作。这是一个供参考的例子 演示代码(前面使用如何使用普通JavaScript保存SVG d属性路径元素?,javascript,jquery,svg,matter.js,Javascript,Jquery,Svg,Matter.js,我正在使用SVG形状,并在本地工作,我试图让它在不使用jQuery的情况下工作。这是一个供参考的例子 演示代码(前面使用$.get('url-to-svg')检索数据: jQuery路径数据整齐地隔开了d属性: 到目前为止,我的代码(我能够执行AJAX svg调用以获取数据): 我注意到我的路径数据如下所示(没有空格): 我正在寻找的jQuery最终结果是顶点数组: [ 0: {x: 1, y: 75.5} 1: {x: 1, y: 58.5} ... ] 我不确定jQue
$.get('url-to-svg')
检索数据:
jQuery路径数据整齐地隔开了d属性:
到目前为止,我的代码(我能够执行AJAX svg调用以获取数据): 我注意到我的路径数据如下所示(没有空格):
我正在寻找的jQuery最终结果是顶点数组:
[
0: {x: 1, y: 75.5}
1: {x: 1, y: 58.5}
...
]
我不确定jQuery正在做什么类型的循环函数来循环遍历path元素中的所有d属性数据
谢谢:)问题似乎与jQuery无关,jQuery只处理请求并选择
元素并迭代它们。元素选择可以使用document.querySelector
或该族中的其他内容来完成。看见
let dataXml = parser.parseFromString(data, 'text/xml');
let path = dataXml.getElementsByClassName('st0')[0]; // i know about chaining .getAttribute('d') to get the d attribute
[
0: {x: 1, y: 75.5}
1: {x: 1, y: 58.5}
...
]