Canto.js,对HTML5 Canvas API的改进
日期:2010-08-02 阅读:144 分类:HTML5
David Flanagan,一个杰出的JavaScript开发者,近日发布了一个轻量级的JavaScript库—Canto.js,可用于改善HTML5 Canvas drawing API。
示例:
Js代码 :
1.canto("canvas_id").moveTo(100,100).lineTo(200,200,100,200).closePath().stroke();
canto("canvas_id").moveTo(100,100).lineTo(200,200,100,200).closePath().stroke();canto() 返回的是抽象的Canvas,一个 "Canto" 对象;
与jQuery的类库类似,每个调用Canto的方法都需要返回一个Canto;
lineTo()可支持多行;
你不需要先设定了ink属性再绘制,这一切可以仅在一步中完成:
Js代码:
1.canto("canvas_id").moveTo(100,100).lineTo(200,200,100,200).closePath().stroke({lineWidth: 15, strokeStyle: "red"});
canto("canvas_id").moveTo(100,100).lineTo(200,200,100,200).closePath().stroke({lineWidth: 15, strokeStyle: "red"});
更多介绍:http://code.google.com/p/canto-js/source/browse/trunk/canto.js
本页链接: http://www.scriptlover.com/static/672-html-canto-canvas
相关文章
- 纯css+html制作的菜单 2008-07-06
- xhtml+css 设计注意事项 2008-07-30
- 从HTML到XHTML需要注意的基本准则 2008-06-17
- 一个不错的菜单特效 2008-07-06
- W3C公布HTML5的WEB标准草案 2008-07-29
- HTML5 Canvas 颜色选择器 2011-11-12
- HTML5中Canvas图片水平翻转 2011-11-28
- google excanvas的一个bug 2010-09-16
网友评论
#1: 2011-11-10 13:14:00 by Terrah
These pieces really set a stnadard in the industry.