有没有人曾经使用过SVG图像精灵?我希望用一些可扩展的SVG图像替换一堆非常相似的GIF和JPG,但是图像渐变和按钮形状规格会使SVG膨胀。
如果我可以创建复合图,那么我可以重复使用渐变和基本按钮形状等。我只是不确定是否可以在(比如说)CSS文档中引用SVG图像。我认为不是,因为必须通过嵌入或对象标签而不是img标签来使用SVG。
也许我可以通过编程方式,例如使用jquery,获取主SVG文档的片段并使用它来按需组合SVG图像。但我认为这会很慢?
谢谢,
Andrew Matthews
答案 0 :(得分:1)
以下是我在<img>
中使用SVG以及以纯元素形式绘制到<canvas>
的示例,适用于Opera 9.5及更高版本IIRC:
http://dahlström.net/svg/presentations/svgdemos/canvas2d.html
Webkit也在<img>
元素中执行svg,上面的示例类似于我刚刚测试过的Epiphany webkit版本(需要刷新才能看到老虎,但它按照预期被绘制到画布上)