width——对应于canvas元素的width属性；
getContext(
2）绘制矩形：
立即学习“前端免费学习笔记（深入）”；
fillRect(x,y,w,h)——绘制一个实心矩形；
strokeRect(x,y,w,h)——绘制一个空心矩形；
clearRect(x,y,w,h)——清除指定的矩形；
canvas{
border:medium double black;
margin: 4px;
}
body > *{
float: left;
}
3）设置画布绘制状态：
lineWidth——获取或设置线条的宽度（默认值为1.0）；
lineJoin——获取或设置线条与图形连接时的样式（默认值为miter）;
fillStyle——获取或设置用于实心图形的样式（默认值为black）;
strokeStyle——获取或设置用于线条的样式（默认值为black）;
4）使用渐变
createLinearGradient(x0,y0,x1,y1)——创建线性渐变，返回CanvasGradient对象；
createRadialGradient(x0,y0,r0,x1,y1,r1)——创建径向渐变，返回CanvasGradient对象；
CanvasGradient对象的方法：
addColorStop(对象0>,
5）使用图案
createPattern(,int2)——创建图案，指定图案文件的来源和重复方式；
int2的值是指定重复样式：分别有repeat、repeat-x、repeat-y、no-repeat;
@@##@@6)保存和恢复状态
save()——保存绘制状态属性的值，并把它们推入状态栈；
restore()——取出状态栈的第一组值，用它们来设置绘制状态；
7）绘制图像
drawImage方法——在画布上绘制图像，指定一个img、canvas或video元素作为来源；
@@##@@
