当前位置: 首页 > 科技观察

一个开源免费的基于现代Javascript的动画引擎库——kute.js

时间:2023-03-15 00:37:15 科技观察

设计师和动画师的基本要素,提供了一种易于使用的方法来设置高性能的跨浏览器动画。重点是代码质量高、灵活性强、性能高、体积小。Github目前活跃,在Github上更新和维护。截至目前,star数已达2khttps://github.com/thednp/kute.js/相关功能基于ES6/ES7JavaScript整个代码库已根据最新标准重新设计,使用灵活的rollup-based构建工具。大多数类都可以通过ES6扩展或您常用的原型进行扩展,具体取决于类。丰富的组件以前支持的所有属性和插件都已拆分为组件,以实现更高的模块化。添加新内容以扩大范围。官方发行版仅包含最受欢迎的组件。熟悉的语法使用熟悉的语法、可靠的配置、回调系统和其他与组件相关的选项创建关联对象工具和选项在广泛的配置中,某些组件提供了进一步控制结果的工具。有迹可循每个组件演示页面包含大量关于如何优化性能和视觉呈现的指南和技巧MITLicense基于MITLicense开源协议优点1.支持核心功能,模块化架构,坚实完整的组件,现代面向JavaScript的未来网络开发。2.虽然KUTE.js主要支持现代浏览器,但它也通过其旧组件、工具和polyfills为旧浏览器打开了大门。3.在源代码中,您可以找到具有可靠构建工具的快速现代JavaScript代码。使用SVGElement、HTML属性、CSS变换等都可以完成。4.库包括RobertPenner的缓动函数,KUTE.js也包括它自己的CubicBezier缓动类,它为动画提供快速准确的缓动。组件KUTE.js包含18个组件,但有些组件未包含在默认包中:.clipProperty-启用剪辑属性的动画colorProperties-为类似颜色的属性color、backgroundColor设置动画filterEffects-为过滤器属性启用动画htmlAttributes-为任意数字和一些基于颜色的HTML属性启用动画-为窗口/元素scrollTopObject属性启用动画shadowProperties-为shadowProperties属性启用动画:textShadow&boxShadowsvgCubicMorph-为SVGElement目标的dPresentation属性启用动画这实现了一些Raphael.js功能svgMorph-为SVGElement目标的dPresentation属性启用动画;该组件实现了一些D3.js和flubber功能svgDraw-为SVGElement特定的strokeDasharray和strokeDashoffsetCSS属性启用动画svgTransform-为转换演示属性启用动画textProperties-为数字HTMLTextElement相关的CSS属性启用动画,例如fontSize或letterSpacingtextWrite-为各种字符串的内容启用动画transformFunctions-为正式版transformLega捆绑的默认组件transformCSS3属性启用动画cy-transform在旧浏览器IE9+上启用CSS3属性动画,但未包含在正式版本中,但可用于自定义构建transformMatrix-启用transformCSS3属性动画;该组件实现了DOMMatrix()API,非常简单总结与其他动画库相比,kute.js也是一个非常值得入手的动画库。更适合现代Web开发方式,模块化,最新的Javascript语法...