资讯频道 → Web前端
阅读更多

12顶
0踩

Web前端

原创新闻 Canto.js，对HTML5 Canvas API的改进

2010-07-30 11:55 by 资深编辑 wutao0603 评论(4) 有6159人浏览
HTML5

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

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

来自: ajaxian
12
顶
0
踩
评论 共 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