HTML5开发工具

当前位置: HTML5技术网 > HTML5开发工具 > Zrender——轻量级Canvas类库,让绘图大不同!

Zrender——轻量级Canvas类库,让绘图大不同!

        Zrender(Zlevel Render)是一个全新的轻量级Canvas类库,MVC封装,数据驱动,易于扩展,可提供类DOM的分层机制和事件模型,Promise式的动画接口,让Canvas绘图大不同!该项目由EFE团队开发而来,项目托管在GitHub上。


主要特性:


  • 简单——无需canvas基础,精简的接口方法,符合AMD标准,易学易用。
  • 数据驱动——利用zrender绘图,你只需定义图形数据。
  • 完整的事件封装——不仅可以响应zrender全局事件,甚至还可以为在特定shape上添加特定事件。
  • 丰富的图形选项——内置多种图形元素(圆形、椭圆、圆环、扇形、矩形、多边形、直线、曲线、心形、水滴、路径、文字、图片等等。
  • 强大的动画支持——提供promise式的动画接口和常用缓动函数,轻松实现各种动画需求。
  • 易于扩展——扩展自己独有的图形元素,既可以完整实现三个接口方法(brush、drift、isCover), 也可以通过base派生后仅实现你所关心的图形细节。
  • 高效的分层刷新——正如css中zlevel的作用一样,你可以定义把不同的shape分别放在不同的层中。这不仅实现了视觉上的上下覆盖, 更重要的是当图形元素发生变化后的refresh将局限在发生了变化的图形层中。

更多详细内容,查看Zrender主页、API文档、Try!

原文来源:http://www.csdn.net/article/2014-11-12/2822611-Zrender

【Zrender——轻量级Canvas类库,让绘图大不同!】相关文章

1. Zrender——轻量级Canvas类库,让绘图大不同!

2. 一个轻量级CSS3动画库:JX.Animate

3. JX.Animate:腾讯开源的轻量级CSS3动画库

4. Saber——模块化、组合式的移动前端框架

5. 10款重量级CSS3的全新特效

6. 10款重量级CSS3的全新特效 实现绚丽前端动画效果

7. 一个轻量级的JavaScript库:Reactor.js

8. Two.js —— 二维的绘图 JavaScript 库

9. jQuery轻量级补间动画工具库-jQueryTween

10. Prompt轻量级提示框弹出层Jquery插件

本文来源:https://www.51html5.com/a37.html

点击展开全部

﹝Zrender——轻量级Canvas类库,让绘图大不同!﹞相关内容

「Zrender——轻量级Canvas类库,让绘图大不同!」相关专题

其它栏目

也许您还喜欢