《HTML5 Canvas开发详解》——1.4 JavaScript和Canvas

本节书摘来自异步社区《html5 canvas开发详解》一书中的第1章，第1.4节,作者： 【美】steve fulton , jeff fulton 更多章节内容可以访问云栖社区“异步社区”公众号查看。

javascript是用来创建canvas应用程序的一种程序设计语言，能在现有的任何web浏览器中运行。如果需要重温javascript，请关注douglas crockford的书《javascript: the good parts》(o’reilly)，这本书很流行并且有很强的参考价值。

1.4.1　javascript框架和库

目前有很多流行的javascript框架，例如jquery、processing.js等，可以帮助开发者提高javascript的开发效率。这些框架有望于在6～12个月内就为canvas提供更好的支持。在此期间，这里将重点放在直接用javascript来控制画布。然而，在适当的地方也会介绍这些框架和javascript库，例如modernizr、jscolor以及webgl，以帮助读者更高效地开发。

1.4.2　javascript放置的位置及其理由

既然使用javascript为canvas编程，这就产生了一个问题：在创建的页面中，从哪里启动javascript程序呢？

把javascript放进html页面的 < head > 标签中是个不错的主意，好处是很容易找到它。但是，把javascript程序放在这里就意味着整个html页面加载完毕javascrpit才能配合html运行，这段javascript代码也会在整个页面加载前就开始执行了。结果就是，运行javascript程序之前必须检查html页面是否已经加载完毕。

最近有一个趋势是将javascript放在html文档结尾处的< /body >标签里，这样就可以确保在javascript运行时整个页面已经加载完毕。然而，由于在运行< canvas >程序前需要使用javascript测试页面是否加载，最好还是将javascript放在< head >中。如果读者不喜欢这样，也可以采用适合自己的代码习惯。

代码放在哪儿都行，可以放在html页面代码行内，或者加载一个外部 .js文件。加载外部javascript文件的代码大致如下。

简单起见，这里将把代码写在html页面行内。不过，如果读者已掌握，把它放在一个外部文件再加载运行也未尝不可。

提示：

html5不需要再指定脚本类型。