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

from:

本页链接: http://www.scriptlover.com/static/672-html-canto-canvas

标签:

相关文章

网友评论

#1: 2011-11-10 13:14:00 by Terrahoalojagavea#yahoo.com.br

These pieces really set a stnadard in the industry.

Leave a comment

 required

 required (Not published)

 required