canvas教程

体验HTML5 Canvas对象的强大 五款在线绘图应用示例

字号+ 作者:H5之家 来源:H5之家 2017-08-05 10:00 我要评论( )

HTML5 的Canvas对象使在线绘图成为可能,虽然HTML5还远未成熟,但很多人已经迫不及待地用它设计一些让人惊叹的应用。下面我们就来看看这些牛人都用HTML5做了些什

HTML5 的Canvas 对象使在线绘图成为可能,虽然HTML5还远未成熟,但很多人已经迫不及待地用它设计一些让人惊叹的应用。下面我们就来看看这些牛人都用HTML5做了些什么。

请准备好Firefox,Safari,Chrome,Opera任一浏览器,开始神奇之旅。。。

1. Canvascape 3D

用HTML5 实现简单的第一人称射击游戏,虽然画面显得简单粗糙,但是一样能让人佩服。

2.

一个用HTML5 Canvas 绘图的JavaScript 类库,不用再去辛苦画柱状图了。

3.Image reflections

用HTML5 Canvas 实现图像倒影,制作图片倒影从此轻松了。

4.Canvas Painter

一个超简单的Canvas画图程序,调色、笔触大小,该有的都有了,画完了还可以回放你操作的录影。

5. Sketchpad

如果说上面几个应用都让你不以为然的话,那么这个绝对能让你震撼,功能齐全、华丽的界面、流畅的速度,初试之下你甚至会怀疑它仅仅是用HTML5搭建的吗?

这就是HTML5给我们带来的一小部分,HTML5的未来让人充满期待,相信完善规范后的HTML5将给我们开启一个WEB开发的光辉时代!

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 详述canvas(一)

    详述canvas(一)

    2017-08-05 10:01

  • Android canvas绘制柱形统计图

    Android canvas绘制柱形统计图

    2017-08-05 09:02

  • HTML5 file API加canvas实现图片前端JS压缩并上传

    HTML5 file API加canvas实现图片前端JS压缩并上传

    2017-08-04 18:01

  • 利用html5 canvas 画图的一个例子

    利用html5 canvas 画图的一个例子

    2017-08-04 16:00

网友点评
i