html - 是否可以向 svg 图像添加投影?

标签 html css svg svg-filters

我一直在做一些关于使用 svg 图像的研究,并且发现了很多不错的读物。虽然我还没有很好地掌握 svg,但仍在努力和试验它。我在这方面找到的大部分信息适用于基本形状和一些图像或图标字体。如果我有一个 svg 文件格式的自定义 Logo 文字标记,并且我将其包含在我的 css 中,如下所示:

.logo { width: 230px; height: 230px; margin: 0 auto; background: url(../imgs/logo-01.svg) center no-repeat; }

是否可以给文字商标本身加上阴影,让文字有阴影效果?

最佳答案

答案:是和否。您可以使用不同的方法来做到这一点,而不仅仅是 CSS 方法。在这种情况下,您正在寻找的是 feOffset 过滤器,支持广泛但不完整。

您可以阅读一些 SVG 滤镜教程 here

关于html - 是否可以向 svg 图像添加投影?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25517846/

相关文章:

javascript - 如何使 div 可编辑到 textarea 并上传/删除现有图像

css - 使 webpack 有条件地加载附加或替代 css 文件

javascript - d3.js 使用 python websocket 数据实时更新 svg 行

javascript - FabricJS - SVG 序列化问题

jquery - Firefox 在过渡效果上滞后

html - 如何使用 CSS 为 SVG 的填充颜色设置动画?

javascript - 在 Javascript 中禁用/不可点击 HTML 按钮

javascript - 如何创建带有 knockout 绑定(bind)的自定义滚动条 (jScrollPane)?

html - 访问页面的CSS

c# - ITextSharp : Specify HTML Classes or ID CSS