HTML5中的canvas（画布）

HTML5中的canvas（画布）

1、关于canvas的简介

1.canvas是HTML5标签，表示画布，canvas只是作为图像绘制的容器，所有的绘制工作都在脚本JavaScript内部完成。
2.canvas的作用：①绘制基础图形；②绘制文字；③图形变形和图片合成；④处理图片和视频；⑤动画实现；⑥制作小游戏等等。
3.支持canvas的浏览器：Firefox, safari, chrome, opera, IE9等。

2、创建和获取

① 查看当前浏览器是否支持canvas：
可以在canvas标签内书写提示内容，若当前浏览器不支持canvas，则显示提示内容。
例：

<canvas height="600" width="400">您的浏览器过低，请更换高版本再试</canvas>

注：canvas画布是一个矩形区域，里面的每一个像素都可以被控制。应在canvas标签内设置width和height属性，不要在css里设置，避免以后canvas画出的图像变形（拉伸或者缩放）。
②获取绘制环境：
例：

//获取到canvas标签
var canvas = document.getElementsByTagName('canvas')