如何在 <img> 元素中访问 SVG 文件的内容？

Question

假设你的 HTML 中有这个：

<img src='example.svg' />

您将如何通过 JavaScript 访问 example.svg 的内容（即 <rect>, <circle>, <ellipse> 等）？

原文由 user783146 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

无法从 img 元素获取引用 svg 的 DOM。

If you use <object> , <embed> or <iframe> however then you can use .contentDocument (preferred) to get the referenced svg, or .getSVGDocument 这可能与旧的 svg 插件更兼容。

这是一个显示如何获取引用 svg 的 DOM 的 示例。

原文由 Erik Dahlström 发布，翻译遵循 CC BY-SA 3.0 许可协议