我已经做了一些关于使用svg图像的研究,并发现了相当多的好读物。虽然我还没有很好地掌握svg,但我仍然在使用它并进行实验。我在这方面找到的大部分信息都适用于基本形状,还有一些是关于图像或图标字体的。如果我有一个svg文件格式的自定义徽标文字标记,并且我将它包含在我的css中,如下所示:
.logo { width: 230px; height: 230px; margin: 0 auto; background: url(../imgs/logo-01.svg) center no-repeat; }
有没有可能在文字标记本身添加一个阴影,从而使文字具有阴影效果?
发布于 2014-08-27 02:39:06
答案是:既是也不是。您可以使用不同的方法来实现,而不仅仅是CSS方法。在这种情况下,您要寻找的是feOffset过滤器,而且支持范围很广,但还不完整。
您可以阅读一些SVG Filters教程here
发布于 2014-08-27 16:34:00
最简单的方法是进入并编辑svg文件,将投影滤镜直接添加到图像中。从webplatform文档和教程开始:
http://docs.webplatform.org/wiki/svg/elements/filter http://docs.webplatform.org/wiki/svg/tutorials/smarter_svg_filters
https://stackoverflow.com/questions/25517846
复制相似问题