【文件属性】:
文件名称:cobrasvg:用于现代 Web 的 JavaScript SVG 路径动画库
文件大小:8KB
文件格式:ZIP
更新时间:2021-06-17 02:32:40
HTML
The JavaScript SVG path animation library for the modern web.
一个用来使用SVG的路径(path)来制作动画效果的插件
关于cobrasvg
cobrasvg主要是用来制作SVG路径动画的即path animation。路径动画主要包括以下三个方面:
利用stroke的dashoffset和dasharray两个属性,来制作路径动画;
配合透明度来制作填充动画
可以先来看看下面几个演示效果
,,
Version
0.01
兼容性
根据caniuse网站上的数据,目前大部分的浏览器都支持SVG的使用。PC平台IE9以上才支持SVG,移动端上iOS都支持,Android平台2.3以上都支持SVG。
对于不支持SVG元素的浏览器,插件会自动在html文件的html标签上添加一个noSvg类。这样就可以为不支持SVG元素的浏览器来降级,
【文件预览】:
cobrasvg-master
----cobrasvg.js(4KB)
----demo()
--------demo2.html(1KB)
--------demo1.html(2KB)
--------demo3.html(2KB)
----README.md(4KB)
----supportSvg.html(705B)
----transitionend.html(1KB)