4

インライン 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 内の項目を参照する別のメカニズムはありますか?


関連:インラインSVGの重複(フィルター)ID

4

0 に答える 0