假设你的HTML中有这个:
<img src='example.svg' />
您如何<rect>, <circle>, <ellipse>通过JavaScript访问example.svg 的内容(即等等)?
我有一个SVG文件,我不想将其粘贴到HTML文件中,因为它会变得混乱.因此,在咨询了w3schools之后,"embed"标签似乎是将外部SVG文件包含到HTML中最安全的方式.
<embed src="path_to_svg" type="image/svg+xml" id='svgsource' />
Run Code Online (Sandbox Code Playgroud)
但是,我需要通过主html文件中的javascript通过DOM访问svg元素.不幸的是
document.getElementById('my_svg_id')
Run Code Online (Sandbox Code Playgroud)
也不
document.getElementById('svgsource').contentDocument
Run Code Online (Sandbox Code Playgroud)
适用于任何浏览器.使用"object"标签也不起作用.