インライン svg の ID を svg のみに制限することは可能ですか?
例えば
<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
。
または、ID を使用せずにグラデーションを適用できるように、svg 内の項目を参照する別のメカニズムはありますか?