0

HTML ドキュメントに 2 つの SVG 構造があります。たとえば、

<svg width="8cm" height="3cm"
 xmlns="http://www.w3.org/2000/svg" version="1.1">
  <desc>Local URI references within ancestor's 'defs' element.</desc>
  <defs>
   <linearGradient id="Gradient01">
     <stop offset="20%" stop-color="#39F" />
     <stop offset="90%" stop-color="#F3F" />
   </linearGradient>
  </defs>
  <rect x="1cm" y="1cm" width="6cm" height="1cm" fill="url(#Gradient01)" />
</svg>

と

<svg width="8cm" height="3cm"
 xmlns="http://www.w3.org/2000/svg" version="1.1">
  <defs>
   <linearGradient id="Gradient01">
     <stop offset="20%" stop-color="#85F" />
     <stop offset="90%" stop-color="#35F" />
   </linearGradient>
  </defs>
  <rect x="10cm" y="10cm" width="60cm" height="10cm" fill="url(#Gradient01)" />
</svg>

両方の SVG 構造に ID "Gradient01" の "linearGradient タグ" がありますが、2 番目の SVG 構造の rect も最初の SVG 構造の "linearGradient" に従います。（ドキュメント全体でIDを検索するため）

とにかく、常にその SVG 構造内でのみリンクするということはありますか。（私の場合、IDを変更できないため）

4

1 に答える 1

0

<iframe>svgをスタンドアロンの画像に変換し、 or<object>タグを使用してそれらをhtmlドキュメントに埋め込むことができます。

于 2012-08-13T16:05:19.357 に答える