前端之家收集整理的这篇文章主要介绍了
javascript – 具有相同ID的多个svg,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我可以在html
页面中放置多个svgs并在所有这些
页面中使用相同的ID吗?
<div>
<svg height="0" width="0">
<clipPath id="svgPath"> ........
</svg>
<svg height="0" width="0">
<clipPath id="svgPath"> ........
</svg>
<svg height="0" width="0">
<clipPath id="svgPath"> ........
</svg>
</div>
由于规范将id
属性定义为每个文档唯一,因此您应该重构ID或使用替代
方法,例如通过img或object
标签嵌入.
<img src="my.svg" height="100" alt="alternative Text">
<object type="image/svg+xml" data="my.svg" width="100" height="100"></object>
原文链接:https://www.f2er.com/js/150277.html