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>

立即测试

微信公众号
手机浏览(小程序)

Warning: get_headers(): SSL operation failed with code 1. OpenSSL Error messages: error:14090086:SSL routines:ssl3_get_server_certificate:certificate verify failed in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57

Warning: get_headers(): Failed to enable crypto in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57

Warning: get_headers(https://static.shanhubei.com/qrcode/qrcode_viewid_46646.jpg): failed to open stream: operation failed in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57
0
分享到:
没有账号? 忘记密码?