SVG_filter滤镜标签详解2
5. < feBlood>洪流
- 感觉怎么说呢,这个标签是个非常粗暴的填充标签,只要用了这标签,一切都是那么单纯……不多说上代码
<svg width="100%" height="100%" viewBox="0 0 150 360"
preserveAspectRatio="xMidYMid meet"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<filter id="filter1">
<feFlood flood-color="red" flood-opacity="0.1"></feFlood>
</filter>
<g >
<circle cx="30" cy="30" r="5" fill="green" ></circle>
<circle cx="40" cy="40" r="5" fill="blue" filter="url(#filter1)"></circle>
</g>>
</svg>
<svg width="100%" height="100%" viewBox="0 0 150 360"
preserveAspectRatio="xMidYMid meet"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<filter id="filter1">
<feFlood flood-color="red" flood-opacity="0.1"></feFlood>
</filter>