是否可以将内联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?