我正在为 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/