HTML5的Canvas

關于HTML5的基礎，前一二年就已經有很多人寫過很好的文章了。

<a href="http://adamlu.com/?p=157" target="_blank">HTML5-Canvas</a>

在一些不支援flash的裝置中，如果要使用網頁需要對一些圖表資料進行展示，Canvas能幫上大忙。

盡管目前canvas隻支援2d的圖形，而且僅支援一種圖形--矩形，但它的api是如此豐富，以緻可以做出一些很吸引人的應用。

有幾個例子，3D效果都很逼真：

<a href="http://sebleedelisle.com/demos/canvas3d/canvas3d2.html" target="_blank">http://sebleedelisle.com/demos/canvas3d/canvas3d2.html</a>

<a href="http://sebleedelisle.com/demos/canvas3d/canvas3d3.html" target="_blank">http://sebleedelisle.com/demos/canvas3d/canvas3d3.html</a>

<a href="http://sebleedelisle.com/demos/canvas3d/canvas3d4.html" target="_blank">http://sebleedelisle.com/demos/canvas3d/canvas3d4.html</a>

不過dron，寫了幾個例子，我覺得是可以使用canvs去模拟的

<a href="http://ucren.com/wux/?demo/1000" target="_blank">仿 Mac Os 窗體最小化效果</a>

<a href="http://ucren.com/wux/?demo/1001" target="_blank">工作列水面效果</a>

<a href="http://ucren.com/yaoyao/" target="_blank">越南“搖搖”</a>

<a href="http://ucren.com/drawing/index.html" target="_blank">JavaScript自畫像</a>

之前也在百度空間也發了一個用canvas寫的“轉盤”，點選線上預覽示例效果：

預覽代碼