SVG feComponentTransfer过滤器用法示例

< feComponentTransfer> 用于允许重新定义所有四个颜色通道R, G, B和A。它还允许调整图像所有通道的亮度。
例子

< !DOCTYPE html> < html> < body> < svg height="900" width="900"> < filter id="H"> < feGaussianBlur stdDeviation="1" /> < feComponentTransfer> < feFuncR type="discrete" tableValues="0 .5 1 0"/> < feFuncG type="discrete" tableValues="0 .5 0"/> < feFuncB type="discrete" tableValues="1"/> < /feComponentTransfer> < /filter> < rect x="30" y="10" height="100" width="100" filter="url(#H)"/> < /svg> < /body> < /html>

【SVG feComponentTransfer过滤器用法示例】立即测试

    推荐阅读