我从 http://svg-cards.sourceforge.net/ 下载了一个SVG文件。这是一副标准的纸牌游戏。它的结构如下:
我的问题是:如何按照readme所述轻松地实现以下操作:如何在不显示整个文件的情况下访问组内的单个卡片?
实际上,我想要的是一种类似于css的方式。将其作为资源包含在头部,然后能够在文档正文中使用
编辑:我试图在phonegap应用程序内完成所有操作,因此没有连接到外部服务器。所有资源都位于电话上,因此下面的
<defs>
<g>
<text></text>
</g>
</defs>
<g>
<g id="king_spade">
<use></use>
</g>
... //50+ more cards
</g>
自述文件中提到:
您可以通过将文件呈现为一个 pixmap 并剪裁每个卡片,或者使用 DOM 接口的名称访问每个卡片。
然后给出了以下示例:
<g id="king_spade">
...
</g>
好的,我看到了这两者之间的关系,但我不明白如何只显示一张卡片,因为所有的卡片都在同一个文件中。无论我做什么,都会呈现整个svg文件(55张卡片!)
这包括:
<img>
<embed>
<object>
我的问题是:如何按照readme所述轻松地实现以下操作:如何在不显示整个文件的情况下访问组内的单个卡片?
实际上,我想要的是一种类似于css的方式。将其作为资源包含在头部,然后能够在文档正文中使用
<g id="king_spade"></g>
,然后会显示出黑桃国王牌。我不能这样使用吗?编辑:我试图在phonegap应用程序内完成所有操作,因此没有连接到外部服务器。所有资源都位于电话上,因此下面的
ajax
解决方案由于同源限制而无法使用。
<svg>
元素内工作,还是只想将卡片添加到常规HTML中(例如<div>
)? - Egor Nepomnyaschih