边缘处的高斯模糊截止

时间:2011-07-02 07:04:40

标签: svg svg-filters

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

测试文件网址为here - 由于mime类型未在服务器上正确设置而下载,我暂时无法重新启动它:(。文件中有嵌入的图像和字体,其中这就是为什么它很大。但如果你将它保存到磁盘,你可以打开chrome,ff等...

给出了该问题的放大示例。注意橙色发光的方形边缘。

1 个答案:

答案 0 :(得分:38)

滤镜画布具有默认值:x = y = -10%,width = height = 120%。您可以使用滤镜元素上的x,y,width和height属性更改它们。

尝试设置更大的画布:

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

然而,由于画布更大,会有性能损失。