Question

我正在尝试使用SVG滤镜，同时尝试创建晕影效果。

我在一个老仓库中找到了一个片段，作者是这样做的，但是feFlood并没有为我安装过滤器。我也尝试过app build.gradle:，但没有区别。 W3文档说此属性采用一种颜色，比作者可能是错的？如果可以，实现小插图效果的方法是什么？

<ProjectReference Include="..\..\Platform\ABC.PlatformFramework\Platform.Services\Platform.Services.csproj">
 <Project>{f439869c-9778-4f88-b0a3-41086b8fdf9c}</Project>
 <Name>ABC.Platform.Services</Name>
</ProjectReference>

Answer 1

SVG过滤器的feFlood'flood-color'属性是否支持渐变作为输入？

否。

我从该存储库的一个分支forked尝试修复了这些过滤器。请看看。

通过填充在形状上绘制渐变，并对形状也应用过滤器。

这适用于基于Chromium的浏览器，但不适用于Firefox，因为存在以下错误："SVG filters feImage with xlink:href doesn't work with fragments"。

作为Firefox的workaround，您可以尝试像这样使用它：

<feImage xlink:href='data:image/svg+xml;charset=utf-8,<svg width="100" height="100"><rect width="50" height="50 /></svg>' /

svg过滤器FeFlood的'flood-color'属性是否支持渐变作为输入？

1 个答案: