canvas的基本属性与方法：width,height,getContext()等；
通过width与height来获取和设置当前canvas的宽度、高度；
通过getContext()方法来获取当前画布的绘图环境（context）；
context=canvas.getContext("2d");
立即学习“前端免费学习笔记（深入）”；
context包含了我们需要的，在canvas上绘图的所有方法及属性；
context的笛卡尔坐标系统中，canvas的左上角为原点；从原点往右为X轴的正向，往下为Y轴的正向；
关于坐标的例子：
s3
context的所有属性及方法都是与current state结合使用；
我们在真正理解Canvas是如何工作的之前，current state是必须要掌握的一个概念；
current state 实事上是一个绘图状态的堆栈，这个堆栈从全局范围内适用于整个canvas;
我们可以操作如下一些状态：
Transformation matrix（变换矩阵）
Methods:scale, rotate, transform, and translate
Clipping region（区域裁剪）
Method:clip()
Properties of the context（context属性）
Properties: strokeStyle, fillStyle, globalAlpha, lineWidth, lineCap, line Join, miterLimit, shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor, global CompositeOperation, font, textAlign, and textBaseline.
先简单了解一下，会在以后的文章中对这些属性、方法的使用，慢慢剖析；
国外[oreilly]编写的一个小程序（猜字母）：
s1
