首页
AI Coding
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
Svg
订阅
芒剑客
更多收藏集
微信扫码分享
微信
新浪微博
QQ
4篇文章 · 0订阅
聊聊 SVG 基本形状转换那些事
前段时间研究 SVG 压缩优化,发现 SVG 预定义的 rect、circle、ellipse、line、polyline、polygon 六种基本形状可通过 path 路径转换实现,这样可以在一定程度上减少代码量。不仅如此,我们常用的 SVG Path 动画 (路径动画),是以操作 path 中两个属性值 stroke-dasharray 和 stroke-dashoffset 来实现,基本形状转换为 path 路径,有利于实现路径动画。
使用 Snap.svg 制作动画
介绍 Snap.svg 以及其制作动画的几种方式、兼容性和使用建议