如何使用普通JavaScript保存SVG d属性路径元素?

如何使用普通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

我正在使用SVG形状,并在本地工作,我试图让它在不使用jQuery的情况下工作。这是一个供参考的例子

演示代码(前面使用
$.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}
  ...
]