![](https://img-blog.csdnimg.cn/2019082916431577.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
【Web前端】SVG
MAXLZ
你不一定非得长成玫瑰,你乐意的话,做茉莉,做淡菊,做无名小花,做千千万万。
展开
-
SVG动画之描边动画
svg描边动画使用stroke-dasharray与stroke-dashoffset两个属性:一、stroke-dasharraystroke-dasharray属性可将svg图形的路径断为虚线,如下代码是一条直线:<svg x="0" y="0" width="500px" height="100px" viewBox="0 0 500 100"> &...原创 2019-04-20 23:35:52 · 587 阅读 · 0 评论 -
SVG之裁剪和蒙版
一、SVG裁剪svg裁剪使用<clipPath>标签创建裁剪图形。如下利用折线路径实现的五角星裁剪:<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="683"> <defs> <clipPath id="clipPath"> ...原创 2019-04-21 23:06:39 · 1643 阅读 · 0 评论