将内联SVG的ID限制为SVG

时间:2016-06-11 18:42:36

标签: html css svg inline-svg

是否可以将内联svg中的id仅限制为svg?

E.g

<svg width="660" height="220">
  <defs>
    <linearGradient id="linear" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%"   stop-color="#05a"/>
      <stop offset="100%" stop-color="#0a5"/>
    </linearGradient>
  </defs>

  <rect x="10" y="10" width="600" height="200" fill="url(#linear)" />
</svg>

这里在页面上创建了一个全局ID“linear”。

我该如何防止这种情况?

我希望document.getElementById("linear")返回undefined

或者是否有其他机制来引用svg中的项目,以便我可以应用渐变而不必使用ID?

相关:Duplicate (filter) id of inline SVG

0 个答案:

没有答案