今天，我們收集了15個(gè)優(yōu)秀的canvas應(yīng)用，每個(gè)開發(fā)者都應(yīng)該知道。

1.SketchPad

Sketchpad是個(gè)優(yōu)秀的HTML5應(yīng)用，幫助我們創(chuàng)建有用的繪圖應(yīng)用，使用JS和canvas元素。Sketchpad的繪圖工具具有豐富的功能。

2.Canvas Color Cycling

具有下雨、下雪、海浪、煙霧的效果。

3.Threshold Filter

將圖片轉(zhuǎn)換為高對比度的黑白照片。

4.Reflections

3D旋轉(zhuǎn)效果。

5.3D Planet Viewer

3D Planet Viewer渲染效果，來自NASA WorldWind WMS服務(wù)器的數(shù)據(jù)，可以進(jìn)行旋轉(zhuǎn)、縮放等操作。

#p#

6.Music Visualisation with SoundManager2

Jacob Seidelin創(chuàng)建，使用canvas元素和SoundManager2創(chuàng)建的音樂可視化演示。

7.Water Ripples

Almer Thie創(chuàng)建的實(shí)時(shí)交互的水波紋效果。

8.Strange Attraction

Strange Attractor提供各種選項(xiàng)，改變輸出效果。

9.CloudKick

Cloudkick Viz使用canvas元素來顯示云服務(wù)器的實(shí)時(shí)監(jiān)控信息。

10.Liquid Particles

Daniel Puhe創(chuàng)建了這個(gè)有趣的液體運(yùn)動(dòng)粒子演示。只要移動(dòng)你的鼠標(biāo)在周圍的粒子將跟隨光標(biāo)。

#p#

11.Canvas Sphere

復(fù)雜的球體效果。

12.jTenorian

256個(gè)LED按鈕的表面，呈現(xiàn)的是描述不出來的效果。

13.Dynamic Image Collage

Dynamic Image Collage使用canvas元素創(chuàng)建。

14.iGrapher

iGrapher是個(gè)免費(fèi)的基于web的金融市場可視化工具，包括股市、匯率和商品市場的圖表、分析和預(yù)測。

15.Tiler 3D

Tiler 3D呈現(xiàn)3D旋轉(zhuǎn)網(wǎng)格的不限數(shù)量的同等尺寸的圖片。

原文出自：http://www.oschina.net/news/19813/15-html5-canvas-applications

【編輯推薦】

1. 10個(gè)令人驚奇的HTML5和JavaScript效果
2. 20佳驚艷超炫的HTML 5應(yīng)用程序示例
3. HTML 5可以做五件事情 超出你的想象
4. 44個(gè)驚人的超炫CSS3動(dòng)畫演示
5. 九個(gè)令人驚嘆的HTML 5和JavaScript實(shí)驗(yàn)