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

1.SketchPad

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

2.Canvas Color Cycling

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

3.Threshold Filter

將圖片轉換為高對比度的黑白照片。

4.Reflections

3D旋轉效果。

5.3D Planet Viewer

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

#p#

6.Music Visualisation with SoundManager2

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

7.Water Ripples

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

8.Strange Attraction

Strange Attractor提供各種選項，改變輸出效果。

9.CloudKick

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

10.Liquid Particles

Daniel Puhe創(chuàng)建了這個有趣的液體運動粒子演示。只要移動你的鼠標在周圍的粒子將跟隨光標。

#p#

11.Canvas Sphere

復雜的球體效果。

12.jTenorian

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

13.Dynamic Image Collage

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

14.iGrapher

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

15.Tiler 3D

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

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

【編輯推薦】

1. 10個令人驚奇的HTML5和JavaScript效果
2. 20佳驚艷超炫的HTML 5應用程序示例
3. HTML 5可以做五件事情 超出你的想象
4. 44個驚人的超炫CSS3動畫演示
5. 九個令人驚嘆的HTML 5和JavaScript實驗