如何提取数据<；d>；通过javascript在svg中使用

我通过reactjs编写了一个图标组件来解析svg文件。我使用故事书来显示我的图标组件。现在，我需要帮助编写命令行，将svg文件解析为组件。我需要在svg文件中编写元素脚本，但我不知道如何实现它

我计划用javascript编写它。这里是我的svg文件的一个示例

<svg viewBox="0 0 1024 1024" p-id="3378" width="200" height="200">
  <path d="..." p-id="3379"></path>
</svg>

---

请任何人给我一些如何实现它的想法。我不擅长从文件中提取数据。

对于标题中的特定问题，请使用以下JS代码：

document.querySelector("object")
    .contentDocument.querySelectorAll("path[path-id='3379']")[0].getAttribute("d")

应使用

对象

元素引用SVG（用适当的值替换

宽度

/

高度

属性内容）：

---

嘿欢迎来到堆栈溢出。我们不会在这里为您编写代码，而是在遇到问题时帮助您排序。你试过什么了吗？@frobinsonj我还没试过，因为我不知道从哪里开始。但是我本来想做一些类似document.getElementById和getAttribute的事情，但是我在线下载的svg文件没有id属性。我无法更改svg文件本身，因为我的公司要求我在www.iconfont.us上批处理svg文件。@东华章如果下载svg文件，可以在您最喜欢的文本编辑器或支持svg的图形设计软件（如Inkscaoe）中编辑它们-请记住svg是一种xml方言，因此svg是人类可读的（例如…；）。如果选择不编辑SVG源代码，则可以使用JS:1访问嵌入式SVG。在你的html中<代码>，2。在JS中：

让e_svg=document.querySelector（“对象”）.contentDocument.getElementsByTagName（“svg”）[0]。然后就有了svg根元素的句柄。。。。。。请注意，由于浏览器的同源策略，html和svg必须驻留在同一台服务器上，因此在直接链接到ICont服务器时不能使用此方法。SVG提供了一个类似于html DOM的DOM API，允许您操作文档（例如添加/删除[SVG]元素、设置/删除/修改属性）。可获得更多信息。要得到一个真实的答案，请更具体地说明你想要实现的目标。这里的人会帮助你，但他们不会做你的工作；）
<object
    type="image/svg+xml"
    data="./logo.svg"
    width="480"
    height="240"
></object>

document.querySelector("#<the_id_goes_here>")
    .contentDocument.querySelectorAll("path[path-id='3379']")[0].getAttribute("d")