1

我想从 SVG 文件中嵌入一个组，该组可以用 id 标识。我天真的方法是：

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 回答