Question

我想从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

Answer 1

我自己发现了。

重要的是，为所有可见元素提供一个类属性，比如class =“card”并指定'svg .card {display：none}'作为样式。这将使一切都消失。然后，实际只显示通过svg文件名后面的＃选择的项目。

要显示的部件是组还是svg元素并不重要。

罗伯特发布的代码就是这样做的，但对我来说这个课程的重要性并不明显。

将svg文件中的组嵌入到html中

1 个答案: