SVG图像精灵?可能与否?

时间:2009-09-22 02:41:17

标签: jquery css button svg css-sprites

有没有人曾经使用过SVG图像精灵?我希望用一些可扩展的SVG图像替换一堆非常相似的GIF和JPG,但是图像渐变和按钮形状规格会使SVG膨胀。

如果我可以创建复合图,那么我可以重复使用渐变和基本按钮形状等。我只是不确定是否可以在(比如说)CSS文档中引用SVG图像。我认为不是,因为必须通过嵌入或对象标签而不是img标签来使用SVG。

也许我可以通过编程方式,例如使用jquery,获取主SVG文档的片段并使用它来按需组合SVG图像。但我认为这会很慢?

谢谢,

Andrew Matthews

1 个答案:

答案 0 :(得分:1)

以下是我在<img>中使用SVG以及以纯元素形式绘制到<canvas>的示例,适用于Opera 9.5及更高版本IIRC:

http://dahlström.net/svg/presentations/svgdemos/canvas2d.html

Webkit也在<img>元素中执行svg,上面的示例类似于我刚刚测试过的Epiphany webkit版本(需要刷新才能看到老虎,但它按照预期被绘制到画布上)