什么是Canvas？Canvas是HTML5新增的一个标签，你可以把它翻译为画布，通过它可以绘制二维或三维图形，有了它就可以不用安装flash而实现复杂的动画功能。如何通过Canvas绘图？下面我们来看一个简单的例子，涵盖Canvas初始化、图片加载、图形绘制、图片显示等基本功能。
一、HTML页面结构
先看看HTML页面结构，详细代码如下：
<title>标签指定网页标题；
<meta>标签指定页面使用的字符集；
<style>标签定义了一个名叫CenterWarp的样式；
<body>标签中的οnlοad="main()"表示页面加载完毕后调用main函数。
<body>标签里有一个<div>标签，它的样式表示它的宽高为浏览器客户区的宽高，它的子元素水平、垂直居中。
<canvas>标签定义了一块绘图区域，但canvas元素本身不绘制，你必须通过JavaScript脚本来绘制，注意其中的id="GameCanvans"，表示可以通过JavaScript函数document.getElementById("GameCanvans")来将对Canvas元素的引用保存至一个变量中，在随后的代码可通过此变量来调用Canvas的绘图函数。
二、Canvas初始化
最低0.47元/天 解锁文章
1656
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
