Web开发者需知的15个HTML5画布应用

315 查看

下面介绍15个html5画布应用,这些图形方面的应用可以很好的帮助开发者。

1. SketchPad

Sketchpad 是一个优秀的HTML5应用 可以帮助用户用 Javascript 画布工具创建有用的画图应用. Sketchpad’s 画图工具有 笔刷,铅笔,填充,文字 也提供 spirographs, 常用的 shapes 和stamps.

sketchpad

2. Canvas Color Cycling

这个应用可以使用一些滤镜效果

canvas color cycling

3. Threshold Filter

可以把图片转化成高对比或黑白图片.

threshold filter

4. Reflections
可以用特别的纹理和阴影处理3D应用.

reflections

5. 3D Planet Viewer

可以查看美国航天局的图片,旋转或放大.

planel-viewer

6. Music Visualisation with SoundManager2

这可能是第一个HTML5音乐可视化应用

musicvisualisation

7. Water Ripples

使用画布原始创建互动水纹效果

water ripple

8. Strange Attraction

这是一个与众不同的demo,通过修改设置可以产生不同的效果

strange-attraction

9. CloudKick

可以显示云端服务期的状态,cpu,内存使用状况等等。

cloudkick

10. Liquid Particles

这是一个有趣的液体demo,当你鼠标移动时元素会跟着你的鼠标走。

liquid particles

11. Canvas Sphere

由小球组成的3d球状体

canvas sphere

12. jTenorian

当你点亮不同的按钮组合,会创作出不同的有趣的声音.

jtenorian

13. Dynamic Image Collage

这是一个有趣的在线的有趣的在线拼图,通过搜索找到图片,点击图片就会在画布上显示,组成有趣的拼图

dynamic collage

14. iGrapher

iGrapher 是个免费的金融图表工具,可以显示股票等金融市场的走势图.

igrapher

15. Tiler 3D

显示一个3d的图片幻灯片.

tiler-3d