最高效的WEB程序员学习网站

☰ SVG手册 HTML5手册

× SVG简介 SVG和HTML5

SVG基础图形

SVG矩形 SVG圆形 SVG椭圆 SVG直线 SVG折线 SVG多边形 SVG路径 SVG <clipPath>

SVG重点属性

SVG边线边框属性 SVG的viewBox和preserveAspectRatio属性

SVG结构元素

SVG <use>SVG <symbol>SVG <g>

SVG文字文本

SVG文本<text>文本路径<textPath>SVG文本引用<tref>SVG <tspan>

SVG滤镜

SVG滤镜简介 SVG模糊滤镜 SVG阴影滤镜 SVG颜色滤镜 SVG光照滤镜 SVG <feComposite>

SVG渐变色

SVG线性渐变色 SVG辐射式渐变色

SVG精彩实例

吐泡泡的松鼠鱼咆哮的老虎美少女半身像

SVG参考

SVG参考

SVG颜色滤镜

<feColorMatrix>这个过滤器可以根据颜色矩阵来修改目标图形的色彩效果。每一个像素的颜色值(使用[R,G,B,A]矢量表示)乘以矩阵获得新的颜色值。<feColorMatrix>标记里的type属性的值可以是matrix | saturate | hueRotate | luminanceToAlpha。