1

IDで識別できるSVGファイルからグループを埋め込みたいです。私の素朴なアプローチは次のとおりです。

1.埋め込む

<embed src="cards/svg-cards.svg#joker_red"
  id="embsvg"
  width="300" height="220"  type="image/svg+xml"
  pluginspage="http://www.adobe.com/svg/viewer/install/"  
  viewBox="0 0 100 100"
 />

2.画像

<image id="i" x="10" y="20" width="80" height="80" 
   xlink:href="cards/svg-cards.svg#joker_red" />

3.オブジェクト

<object data="cards/svg-cards.svg#red_joker"></object>

そして、USE要素やjavascriptなど、もっとばかげた変種をいくつか試しました。

svg ドキュメントはここから取得されました: Sourceforge

4

1 に答える 1

0

私はそれを自分で見つけました。

重要な部分は、すべての可視要素にクラス属性を与えることでした。class="card" と言って、スタイルとして 'svg .card { display: none }' を指定します。そうすれば、すべてが消えます。すると、svg ファイル名の後ろの # で選択されたアイテムだけが実際に表示されます。

表示する部分がグループ要素かsvg要素かはあまり関係ありません。

ロバートが投稿したコードはこのように実行されましたが、クラスがどれほど重要であるかは私にはわかりませんでした。

于 2012-09-30T10:52:52.820 に答える