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文件_Javascript_Svg - Fatal编程技术网

有没有办法用javascript解析svg文件

有没有办法用javascript解析svg文件,javascript,svg,Javascript,Svg,我能够读取整个svg块,但我只需要x1属性(稍后将其输入数组)。最好的方法是什么?我包括了svg文件中的一行,我想看一下 我尝试过使用filereader类,但我不确定如何获得x1 <line style = "stroke:rgb(0,20,255)" stroke-width = "1" x1 = "25.53951" y1 = "12.65721" x2 = "27.65919" y2 = "16.0494" />" 在这种情况下,最简单的方法是将XML解析为文档,并使用常用

我能够读取整个svg块,但我只需要x1属性(稍后将其输入数组)。最好的方法是什么?我包括了svg文件中的一行,我想看一下

我尝试过使用filereader类,但我不确定如何获得x1

<line style = "stroke:rgb(0,20,255)" stroke-width = "1" x1 = "25.53951" y1 = "12.65721" x2 = "27.65919" y2 = "16.0494" />"

在这种情况下,最简单的方法是将XML解析为文档,并使用常用的DOM方法获取所需内容

试着这样做:

const parser = new DOMParser();
const svgDoc = parser.parseFromString(data, 'image/svg+sml');
然后,您可以执行以下操作:

svgDoc.querySelector('line').getAttribute('x1');
svgDoc.querySelector('line').getAttribute('x1');