HTML5教程：画布Canvas基础知识讲解.docVIP

HTML5教程：画布Canvas基础知识讲解 　　HTML5规范引进了很多新特性，其中最令人期待的之一就是Canvas元素。HTML5 Canvas提供了通过JavaScript绘制图形的方法，此方法使用简单但功能强大。每一个Canvas元素都有一个“上下文(context)” (想象成绘图板上的一页)，在其中可以绘制任意图形。浏览器支持多个Canvas上下文，并通过不同的API提供图形绘制功能。 　　大部分的浏览器都支持2D Canvas上下文——包括Opera，Firefox，Konqueror和Safari。而且某些版本的Opera还支持3D Canvas，Firefox也可以通过插件形式支持 3D Canvas。 　　本文介绍主要介绍2D Canvas基础以及如何使用基本Canvas函数，如线条、形状、图像和文字等。为了理解此文章，你最好了解JavaScript基础知识。 　　下面开始我们的讲解： 　　canvas基础 　　创建Canvas的方法很简单，只需要在HTML页面中添加元素就可以了： 1 canvas?id=myCanvas?width=300?height=300 2 这是一个Canvas标签案例 3 /canvas 　　为了能在JavaScript中引用Canvas，最好给它设置ID ;也需要给Canvas设定高度和宽度。 　　要在Canvas画布中绘制图形需