然后是
复制代码<!-- Shadow Blur -->
<feGaussianBlur
stdDeviation='3'
result='offset-blur'
/>
<feGaussianBlur>基础滤镜的作用正如它的名字那样，为图形做高斯模糊，其中，stdDeviation参数为高斯模糊的标准差，决定模糊半径。在为上面的图形做高斯模糊后，将结果暂存在缓冲区，名称为“offset-blur”：
接下来是<feComposite>基础滤镜：
复制代码<!-- Invert the drop shadow to create an inner shadow -->
<feComposite
operator='out'
in='SourceGraphic'
in2='offset-blur'
result='inverse'
/>
<feComposite>命令的作用是将两个图按一定规则拼为一个图。需要指定一个混合模式，混合模式有arithmetic,over,in,out,atop,xor六种。arithmetic为算数模式，有四个参数，k1,k2,k3,k4需要手工指定;拼合规则是对[R,G,B,A]每一个通道做这样的变换：result=k1*in*in2+k2*in+k3*in2+k4,in和in2为两张图每个像素的每个单独通道分量的大小，result就是合成图像的某颜色通道值。over,in,out,atop,xor六种混合模式如图所示：
<feComposite> 需要指定两个图像作为输入。在这个示例中，输入图像一，即in参数指定的，即是源图像，SourceGraphic;输入图像二，即in2参数所指定的，为上一步<feComposite> 基础滤镜放在缓冲区的输出结果offset-result。然后让这两个图像做out运算，得到这样的结果：
最后，将上面的拼合结果存入缓冲区，命名为inverse。
上一页12 下一页 阅读全文
