HTML5 知识库

Canto.js,对HTML5 Canvas API的改进

   阅读:261次   评论:4条   更新时间:2010-07-30    

David Flanagan,一个杰出的JavaScript开发者,近日发布了一个轻量级的JavaScript库—Canto.js,可用于改善HTML5 Canvas drawing API。

 

示例: 

canto("canvas_id").moveTo(100,100).lineTo(200,200,100,200).closePath().stroke();
  • canto() 返回的是抽象的Canvas,一个 "Canto" 对象;
  • 与jQuery的类库类似,每个调用Canto的方法都需要返回一个Canto;
  • lineTo()可支持多行;

你不需要先设定了ink属性再绘制,这一切可以仅在一步中完成: 

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

评论 共 4 条 请登录后发表评论
4 楼 zazl 2010-08-02 11:04
这个东西还挺方便
3 楼 liyaxi 2010-08-02 09:14
标准!标准!标准!
2 楼 bcw104 2010-08-01 14:13
挺不错,希望能做的越来越好
1 楼 xifo 2010-07-31 09:02
HTML5的Canvas只是开放了图形系统最底层的API,跟小朋友用的LOGO没多少本质区别,如果没有高层的封装,估计应用还不如SVG、VML来得实在,很显然Canto还没做到这一点。

发表评论

您还没有登录,请您登录后再发表评论

Global site tag (gtag.js) - Google Analytics