计算机教程

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

6 4月 , 2019  

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画图工具就可以简单…


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图