介绍 本系列博客将主要介绍如今大红大紫的移动Web应用程序开发最重要的三个工具：HTML5，JavaScript， CSS3。 本篇是HTML5介绍的第三篇，主要介绍HTML5的Canvas API。 相关文章： 移动Web应用程序开发 HTML5篇 (一) HTML5简介 移动Web应用程序开发 HTML5篇 (二) 新功能介绍和测试 •1. Canvas API介绍 <canvas>是HTML5引入的一个新的元素，可以使用JavaScript来绘制图形、合成图象、以及做一些动画。<canvas>最先出现在Apple Mac OS X Dashboard中，也被应用于Safari，随着后来基于Gecko1.8的浏览器Firefox 1.5的加入变得流行起来，目前<canvas>是HTML 5标准规范的一部分。目前最新版本的主流浏览器都支持<canvas>，支持情况如下图： •2. Canvas 入门 一个简单的Canvas例子，代码如下： <!DOCTYPE HTML> <html> <canvas id="diagonal" style="border: 1px solid;" width="200" height="200"> </canvas> </html> <script> function drawDiagonal() { // Get the canvas element and its drawing context var canvas [...] |