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

本节书摘来自异步社区《HTML5 Canvas开发详解》一书中的第1章,第1.4节,作者: 【美】Steve Fulton , Jeff Fulton 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.4 JavaScript和Canvas

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文件的代码大致如下。

<script type="text/javascript" src="canvasapp.js"></script>

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

提示:
HTML5不需要再指定脚本类型。

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值