SVG-Spinner:使用 SVG 加载微调器,没有 JavaScript,没有不必要的 DOM 元素

时间:2024-08-02 07:54:45
【文件属性】:

文件名称:SVG-Spinner:使用 SVG 加载微调器,没有 JavaScript,没有不必要的 DOM 元素

文件大小:6KB

文件格式:ZIP

更新时间:2024-08-02 07:54:45

SVG 微调器 没有 JavaScript 或不必要的 DOM 元素的现代加载微调器。 微调器和动画实现为 SVG。 为什么是 SVG? SVG 图像非常小且完全可缩放,因为它们是基于矢量的。 一个简单的动画 SVG 微调器,有 12 个点,重约 750 字节(压缩后约 350 字节),在任何分辨率下看起来都不错。 相比之下,spin.js 脚本的权重是其 4 倍以上。 懒得写SVG文件? 没问题。 我添加了一个用 Node.js 的 CoffeeScript(和一个编译版本)可执行文件编写的旋转生成器脚本来生成你的旋转器 SVG。 用法 在终端中运行: $ coffee tools/spingenerator.coffee > spinner.svg 或以下,如果您没有安装 CoffeeScript: $ node tools/spingenerator.js > spinn


【文件预览】:
SVG-Spinner-master
----index.html(1KB)
----Readme.md(2KB)
----images()
--------fading-loader.svg(3KB)
--------spinning-loader.svg(1KB)
----tools()
--------spingenerator.js(3KB)
--------spingenerator.coffee(2KB)
----license.txt(483B)

网友评论