HTML5中的Canvas(目录)

By | 2011/06/23

世界正在向着美好方向发展着,不管2012、或者其它的毁灭型小行星、邪恶外星人、恐怖病毒等等最终是否会来到,我们在向着未来稳步前进。嗯……我想说什么?

互联网的老先辈HTML4,与现在互联网上最耀眼的新星,HTML5相比,是那么的孱弱和不完美,却已经给我们带来了如此巨多的惊喜。这个世界没有了网络将是不可想象的,那么未来的网络会走向何方?HTML5会把我们带到怎样的高度?恐怕没有人知道答案~

博客里应该再写一点有趣新颖的技术,否则显得有些与时代脱节啊~所以打算开这个系列,讲讲HTML5中Canvas,一个“有可能”打败Flash的技术,稍稍具体的请看这里

一句话来说,Canvas就是使用JavaScript的网页画板。这个系列基本会有下面几个部分:

HTML5中的Canvas(介绍)

什么是Canvas?Canvas可以做什么?通过例子来说明。

HTML5中的Canvas(使用)

通过实例,介绍Canvas的使用方法,并做解释说明。

HTML5中的Canvas(绘制)

Canvas不仅仅可以画线,各种各样的图形也是可以的。这节讲解几个利用Canvas绘制的图形。

HTML5中的Canvas(颜色)

这个部分介绍使用Canvas绘制时的颜色指定,同时也说明透明的使用方法。

HTML5中的Canvas(线性渐变)

这个部分,介绍如何在绘制时指定渐变,另外,不同浏览器对于渐变有着不同的特性,也说明一下。

HTML5中的Canvas(径向渐变)

类似于上面,这次的渐变式环形的。相对于使用线性,难点也会说明。

HTML5中的Canvas(图像)

Canvas可以支持JPEG、PNG等图像格式,这部分介绍如何在Canvas中显示和变换图像。

HTML5中的Canvas(参考)

各个函数的参考,估计会有比较好的,到时候找一个比较好的链一下就完事了。实在没有再说了~

上面的各个部分暂时还没有内容,要是点了说没有,过两天再来瞧瞧吧哈哈~

2 thoughts on “HTML5中的Canvas(目录)

  1. lynn

    在看pyjamas的文档的时候。。。突然意识到。。有一种是在看html5的文档的赶脚

    Reply
  2. 丁雪

    谢谢分享,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

    Reply

发表评论

您的电子邮箱地址不会被公开。