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

标签 javascript html svg

假设您的 HTML 中有这个:

<img src='example.svg' />

您将如何通过 JavaScript 访问 example.svg 的内容(即 <rect>, <circle>, <ellipse> 等)?

最佳答案

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

如果您使用 <object> , <embed><iframe>但是你可以使用 .contentDocument (首选)获取引用的 svg,或 .getSVGDocument这可能与旧的 svg 插件更兼容。

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

关于javascript - 如何在 <img> 元素中访问 SVG 文件的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52498923/

相关文章:

android - SVG 图像无法在 android phonegap 项目的 div 内正确显示

google-maps - 如何找到 svg 路径的谷歌地图 anchor ?

angular - NGX-Graph:节点中心的 anchor 路径

javascript - 通过 JavaScript 使用自定义页面打开 CRM 2011 表单后,子网格上的查找和链接不起作用

javascript - Angular 2 - 带有路由器 socket 的测试组件

html - 让我的 div 转到页面底部

html - Ubuntu 网页背景中的白色 block

html - CSS 隐藏文本的顶部部分

javascript - 如何以编程方式在表容器中设置标签 dojo 小部件

javascript - 根据内容的填充设置边框