一 18 HTML Canvas绘图使用详解 Posted on 2012 年 1 月 18 日 by luokelong <canvas>是一个新的HTML元素,这个元素可以被Script语言(通常是JavaScript)用来绘制图形。例如可以用它 来画图、合成图象、或做简单的(和不那么简单的)动画。右面的图…阅读全文>>
一 07 HTML5 <canvas>元素的基本用法 Posted on 2012 年 1 月 7 日 by luokelong 让我们从<canvas>元素的定义开始吧。 <canvas id=”tutorial” width=”150″ height=”150″></ca…阅读全文>>
一 06 HTML5 游戏 Canvas Pong 试玩 Posted on 2012 年 1 月 6 日 by luokelong HTML5 游戏 Canvas Pong 是一款使用HTML5 Canvas 场景开发的在线游戏,你可以最大限度地发挥你的潜能以获得高分。Canvas Pong可以运行在大多数浏览器上,特别是使用硬件…阅读全文>>
一 02 Flash 的终极杀手 HTML5 Canvas Posted on 2012 年 1 月 2 日 by luokelong 把鼠标放上去试试,是不是看到瞄准镜啦,再点击鼠标试试,Flash被打得粉身碎骨啦。(请使用firefox、safari或chrome浏览器观看以下效果) http://demo.cnmsdn.com/…阅读全文>>
一 02 使用 KineticJS 拖拽HTML5 Canvas 的压力测试(1000张画布) Posted on 2012 年 1 月 2 日 by luokelong 用鼠标拖拽下面的小圆圈试试(请使用firefox、safari或chrome浏览器): http://www.html5canvastutorials.com/demos/labs/html5_can…阅读全文>>
一 02 HTML5 Canvas 画布包裹文本内容的方法 Posted on 2012 年 1 月 2 日 by luokelong 为了实现使用Canvas画布包括一段文字或文本,我们可以自定义一个函数wrapText()来实现,函数的形参包括一个canvas绘图环境(使用getContext()方法获得):context;一段文…阅读全文>>