svg - 边缘高斯模糊截止

标签 svg svg-filters

我正在为 Android 上的绘图程序开发 svg 导出实用程序。我遇到一个问题,后面的模糊被截断超过形状边界 - 看起来我需要调整 viewBox 的大小或增加边距或其他东西。有谁知道最好的方法吗?

测试文件url为here - 它下载是因为服务器上的 mime 类型设置不正确,我现在无法重新启动它:(。文件中嵌入了图像和字体,这就是它很大的原因。但是如果你将它保存到磁盘上可以在chrome、ff等中打开...

给出了这个问题的放大示例。注意橙色光芒上的方形边缘。

最佳答案

过滤器 Canvas 具有默认值:x=y=-10% 和 width=height=120%。您可以使用过滤器元素上的 x、y、宽度和高度属性来更改它们。

尝试设置更大的 Canvas :

<filter x="-50%" y="-50%" width="200%" height="200%"/>

但是,由于 Canvas 更大,因此会有性能损失。

关于svg - 边缘高斯模糊截止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6555600/

相关文章:

java : Batik exception

angularjs - SVG 未加载 Angular 2

css - Mobile Safari 灰度滤镜添加模糊效果

jquery - 与蒙版混合的附加 alpha

svg - 如何在 SVG 中使用我自己的混合公式?

python - SVG/PNG 文件在浏览器中的打开方式不同

javascript - Node js - 如何将多个 SVG 文件提供给浏览器

javascript - 全尺寸背景图像到 SVG 路径

ios - iOS/safari 上的 SVG 凸起,带有滤镜、feGaussianBlur 和 feColorMatrix

svg - Safari 麻烦定位 SVG feSpotlight 滤镜