栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

概述和部分填充SVG形状

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

概述和部分填充SVG形状

您也可以使用过滤器执行此操作。这是一个动画填充:

<svg height="210" width="500">  <defs>    <filter id="fillpartial" primitiveUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">      <feFlood x="0%" y="0%" width="100%" height="100%" flood-color="red" />      <feOffset dy="0.5">        <animate attributeName="dy" from="1" to=".5" dur="3s" />      </feOffset>      <feComposite operator="in" in2="SourceGraphic" />      <feComposite operator="over" in2="SourceGraphic" />    </filter>  </defs>  <polygon filter="url(#fillpartial)" points="165.000, 185.000, 188.511, 197.361, 184.021, 171.180, 203.042, 152.639, 176.756, 148.820, 165.000, 125.000, 153.244, 148.820, 126.958, 152.639, 145.979, 171.180, 141.489, 197.361, 165.000, 185.000"  /></svg>


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/432595.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号