问SVG和Spritesheets
EN

Stack Overflow用户

提问于 2012-02-23 21:40:54

回答 1查看 3.4K关注 0票数 2

这种组合可能吗？我有一个复古风格的spritesheet，但是我想使用SVG来应用一些效果，比如阴影、轮廓和其他东西。不要质疑它。

我知道canvas是另一种选择，但是对于这个项目，我更喜欢使用SVG。然而，一个主要的问题是:从spritesheet中提取单个精灵。此外，我使用了1x1像素的精灵，但通过隐藏的画布将精灵放大为6x6，因此我还使用了图像元素，而不是链接到页面外部的图像。

是否可以选择要在SVG中使用的图像区域？SVG图像元素似乎没有提供这样的选项。

回答已采纳

发布于 2012-02-24 00:21:30

您可以对图像使用clipping path，精确地裁剪到所需的内容。例如：

http://phrogz.net/svg/image-spritesheet.svg

如果你是，你可以使用：

或者，也可以将<image>放在SVG中的新<svg>元素中。内部<svg>建立了一个新的视区，然后您可以使用该视区的viewBox仅显示图像中的一个矩形区域(更像是一个普通的精灵工作表)。

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/9414207

复制

相似问题

问SVG和SpritesheetsEN