【狐评】HTML5之canvas

虽然HTML 5还在讨论过程中，但是其优越的特性已经得到了大家的认可，各大浏览器厂商，一些知名的内容发布网站也都是积极地推动。作为Web开发人员的我们，需要做的是：如何把HTML 5转化为各种Web应用，如何做到现有的Web应用过渡到HTML 5。 HTML 5作为下一代的Web开发标准，其特性已经慢慢地出现在主流的浏览器中，这种新的HTML将会让浏览器不必再依赖Flash、QuickTime、Silverlight等插件，也简化了原来需要大量JavaScript才能达到的效果。 网上的文章有很多很多，关于Canvas标签的强大啊，以及图形化功能的拓展等等，但是，HTML5始终还依然是HTML语言，不要忘记根本，它终究是超文本标记语言，哪怕功能有多强大，我觉得最终还是需要借助服务器端的脚本语言来完成交互（例如我们的php），超文本标记语言始终是为服务器脚本语言所服务的，它功能在强大也始终是辅助性的语言，毕竟我们不再处于web1.0时代了。我们打开网页虽然大部分时间是在寻找对自己有用的资料，但是不要忘记，我们更需要互动，我们需要的是及时在线的互动。canvas虽然给我们带来了很多的惊喜，让我们有理由在制作小动画的时候不用flash，在制作图片特效的时候不在选择photoshop，但是那仅仅是1.0的概念。也就是，只有我能做，而你只能看，牛逼点的同学也许会想办法弄源码来自己研究，但是别人网页上不会留下你的痕迹，如果你是黑客，那另当别论，因为我们讨论的是web。 继续讲我们的canvas，canvas的出现颠覆了传统在Web应用中画图的方式，传统的画图方式有在服务器端先画好图片，再把图片发到浏览器中，或者用Flash，还有用第三方插件。但是这些方法都不是原生的HTML， HTML 5 canvas提供了通过javascript绘制图形的方法，方法简单但是功能强大，作为开发工程师可以使用canvas API随心所欲地控制图画。 所以，我预计，以后网页上会有至少两类图片，一类是由不懂代码的网页设计师利用图形软件制作的图片（例如photoshop），还有一类图片是精通html语言的工程师制作的图片，完全用代码来编写的。 下面附送几个小链接案例： 注意，IE9以前版本的浏览器看不到效果，请用firefox3.6以后的版本，或者chrome6.0以后的版本查看。 用canvas显示的HelloWorld：http://www.dang-jian.com/Tools/HTML5Demo/HTML5-Canvas.htm 非常cool的游戏应用：http://savedelete.com/best-html5-canvas-games.html 后面有时间，我在来点评下这些新的概念。 时间不早了，休息下，待会还要开会。