没有合适的资源?快使用搜索试试~ 我知道了~
svg-animate:from从一系列文件创建SVG变形动画
共35个文件
js:25个
json:1个
babelrc:1个
需积分: 46 0 下载量 81 浏览量
2021-05-06
12:36:39
上传
评论
收藏 141KB ZIP 举报
温馨提示
聪明的SVG动画 如何使用它 创建一个初始文件。 yarn init-config 将所有SVG文件(也称为框架)放入frames目录并运行观察程序。 yarn start 观察者将打开带有动画预览的浏览器。 您可以自由添加/删除SVG框架或更改内部图形。 完成后,右键单击动画预览中的图像,然后选择“ Save Image As... 。 如何准备SVG框架 要设置动画的元素的名称应: 包含animate关键字 对所有框架而言都是唯一的 从Adobe Illustrator导出 支持的SVG元素 路径:d,填充 多边形:点,填充 折线:点,笔画 行:x1,y1,x2,y2 属性配置 frames目录应包含具有以下结构的config.yml ; 指定元素的属性覆盖默认值。 default : duration : ' 1s ' delay : ' 0s ' easin
资源推荐
资源详情
资源评论
收起资源包目录
svg-animate-master.zip (35个子文件)
svg-animate-master
.flowconfig 58B
yarn.lock 317KB
webpack.config.js 1KB
webpack.plugin.config.js 475B
src
client
index.html 885B
index.js 23B
scripts
init-config 323B
frames.js 131B
main
support.js 180B
SVGAnimate.js 4KB
parser.js 169B
internal
FilesRevision.js 926B
alternateAttributes.js 344B
getAnimatedElements.spec.js 2KB
normalizePathData.js 631B
getAnimatedElements.js 1KB
createSVGAnimateElement.js 286B
normalizePathData.spec.js 1KB
injectAnimatedFrame.spec.js 4KB
mergeAnimatedFrames.spec.js 2KB
mergeAnimatedFrames.js 1KB
cloneAnimatedElement.js 370B
cloneAnimatedElement.spec.js 618B
injectAnimatedFrame.js 1KB
alternateAttributes.spec.js 908B
FilesRevision.spec.js 998B
types.js 612B
easings.js 2KB
index.js 55B
.babelrc 230B
LICENSE 1KB
README.md 2KB
.gitignore 99B
frames
PUT_SVG_HERE.txt 0B
package.json 1KB
共 35 条
- 1
资源评论
苏咔咔
- 粉丝: 26
- 资源: 4706
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功