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

滤镜通用属性

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

in属性的6个值

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

你可能感兴趣的:(svg,html,前端)