javascript – 具有相同ID的多个svg

前端之家收集整理的这篇文章主要介绍了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

猜你在找的JavaScript相关文章