svg 基础(十一)滤镜通用属性、in属性

83 阅读1分钟

滤镜通用属性

属性说明
x,y渲染滤镜效果的左上角坐标(默认0)
width,height绘制滤镜容器的高宽(默认100%)
result用于定义一个滤镜效果的输出名字,以便将其用作另一个滤镜效果的输入
in指定滤镜效果的输入源,可以是某个滤镜到导出的result,也可以是特定的值(如下)

in属性的6个值

取值说明
SourceGraphic表示图形元素自身将作为<filter>原语的原始输入
SourceAlpha表示图形元素自身将作为<filter>原语的原始输入,SourceAlpha与SourceGraphic具有相同的规则,SourceAlpha只使用元素的非透明部分
BackgroundImage与SourceGraphic类似,但可在背景上使用,需要显式设置
BackgroundAlpha与SourceGraphic类似,但可在背景上使用,需要显式设置
FillPaint将其放置在无限平面上一样使用填充
StrokePaint将其放置在无限平面上一样使用描边