SVG feFlood过滤器用法示例

<feFlood>元素是实用程序过滤器。它用于用颜色和不透明度基本填充过滤器子区域。

例子

<!DOCTYPE html>
<html>
<body>
<svg height="900" width="900">

<filter id="f1">
<feFlood x="5%" y="10%" width="30%" height="30%" flood-color="green" flood-opacity=".6"/>
</filter>
<rect x="10%" y="15%" width="20%" height="20%" fill="none" stroke-width="2" stroke="blue"/>
<rect x="10%" y="15%" width="20%" height="20%" filter="url(#f1)"/>
<rect x="40%" y="15%" width="20%" height="20%" fill="red" stroke-width="2" stroke="black"/>
<rect x="60%" y="15%" width="20%" height="20%" filter="url(#f1)"/>

</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_46643.jpg): failed to open stream: operation failed in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57
0
分享到:
没有账号? 忘记密码?