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

2011/07/18 · HTML5 ·
HTML5

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

1. SketchPad

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

威尼斯人线上娱乐 1

2. Canvas Color
Cycling

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

威尼斯人线上娱乐 2

3. Threshold
Filter

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

威尼斯人线上娱乐 3

4.
Reflections

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

威尼斯人线上娱乐 4

5. 3D Planet
Viewer

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

威尼斯人线上娱乐 5

6. Music Visualisation with
SoundManager2

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

威尼斯人线上娱乐 6

7. Water
Ripples

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

威尼斯人线上娱乐 7

8. Strange
Attraction

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

威尼斯人线上娱乐 8

9. CloudKick

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

威尼斯人线上娱乐 9

10. Liquid
Particles

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

威尼斯人线上娱乐 10

11. Canvas
Sphere

由小球组成的3d球状体

威尼斯人线上娱乐 11

12. jTenorian

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

威尼斯人线上娱乐 12

13. Dynamic Image
Collage

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

威尼斯人线上娱乐 13

14. iGrapher

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

威尼斯人线上娱乐 14

15. Tiler 3D

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

威尼斯人线上娱乐 15

 

赞 收藏
评论

威尼斯人线上娱乐 16

8款功能强大的最新HTML5特效实例,8款html5特效

1、HTML5 Canvas画板画图工具 可定义笔刷和画布

今天要分享的这款HTML5
Canvas画图工具就可以简单实现网络画图的功能,我们可以自定义笔刷的类型、粗细、颜色,也可以定义画布的大小和背景颜色等。我们也可以对这款HTML5画图工具进行扩展,让它的画图功能更加完善。

威尼斯人线上娱乐 17

在线演示

源码下载

2、HTML5梦幻特效 可给任意元素添加魔幻效果

我们之前介绍HTML5动画特效比较多的是HTML5
3D特效,今天我们来换一种风格,来分享一款看起来比较魔幻的HTML5特效。它可以给网页上任意元素(图片、文字等)添加这么一种效果,即鼠标滑过时,元素上就会出现非常魔幻的动画特效,什么特效呢?你可以点开demo链接查看。

威尼斯人线上娱乐 18

在线演示

源码下载

3、CSS3波浪形菜单 结合背景超级绚丽

这次要分享的这款CSS3菜单有点特别,菜单的整体形状类似波浪形,鼠标滑过菜单项时也会改变背景色表示该菜单项被激活。另外该CSS3菜单结合不错的背景图片效果更加震撼。

威尼斯人线上娱乐 19

在线演示

源码下载

4、HTML5播放器API集合 轻松学会HTML5播放器开发

一款最基本的HTML5视频播放器,这个播放器演示罗列了所有操作HTML5播放器的API,初学者可以更好的学习和使用HTML5播放器。

威尼斯人线上娱乐 20

在线演示

源码下载

5、CSS3带图标提示插件 多主题颜色

在网页中,我们操作完耗时的操作,最好给用户一个提示,这个CSS3插件就实现这个提示功能。该CSS3提示功能有几种不同的颜色,并且每一个提示框都有一个指定的小图表。用户可以点击关闭按钮来关闭提示框,提示框出现淡出的CSS3效果。

威尼斯人线上娱乐 21

在线演示

源码下载

6、HTML5 Canvas模拟翻滚动画 3D视觉效果

今天要分享的这款HTML5
Canvas模拟翻滚动画特效给你呈现了不一样的3D视觉特效,一起来欣赏吧。

威尼斯人线上娱乐 22

在线演示

源码下载

7、CSS3 Lava Lamp动画下拉菜单 菜单很简洁

这款CSS3菜单也是下拉菜单,鼠标滑动到相应菜单项时,菜单项下方会滑过一条漂亮的线条。

威尼斯人线上娱乐 23

在线演示

源码下载

HTML5/CSS3悬浮菜单 可自定义小图标

这款CSS3菜单是悬浮菜单,当鼠标滑过菜单项时,整一个菜单项即会悬浮上来。另外,菜单还允许你自定义漂亮的小图标,小图标也会悬浮上来,非常不错。

威尼斯人线上娱乐 24

在线演示

源码下载

本文固定链接: http://www.i7758.com/archives/1291.html

http://www.bkjia.com/HTML5/973793.htmlwww.bkjia.comtruehttp://www.bkjia.com/HTML5/973793.htmlTechArticle8款功能强大的最新HTML5特效实例,8款html5特效
1、HTML5 Canvas画板画图工具 可定义笔刷和画布 今天要分享的这款HTML5
Canvas画图工具就可以简单…