quadraticCurveTo函数绘制曲线的起点是当前坐标，带有两组（x,y）参数，第二组是指曲线的终点。第一组代表控制点。所谓控制点位于曲线的旁边（不是曲线之上），其作用相当于对曲线产生一个拉力。通过调整控制点的位置，就可以改变曲线的曲率。

　　HTML5 Canvas API的其他曲线功能还涉及bezierCurveTo、arcTo和arc函数。这些函数通过多种控制点（如半径、角度等）让曲线更具可塑性。

　　缩放canvas对象

　　scale(x,y)，这个函数带有两个参数来分别代表在x,y两个维度的值。每个参数在canvas显示图像的时候，向其传递在本方向轴上图像要放大（或者缩小）的量。如果x值为2，就代表所绘制图像中全部元素都会变成两倍宽。如果y值为0.5，绘制出来的图像全部元素都会变成之前的一半高。

　　注：要在原点执行图形和路径的变换操作，执行完成以后再统一平移。理由是绽放（scale）和旋转（rotate）等变换操作都是针对原点进行的。如果对一个人不在原点的图形进行旋转变换，那么rotate变换函数会将图形绕着原点旋转而不是在原地旋转。与之类似，如果进行缩放操作时没有将放置到合适的坐标上，那么所有路径坐标都会被同时缩放。取决于缩放比例的大小，新的坐标可能会全部超出canvas范围，进而给开发人员带来困惑，为什么我的缩放操作会把图像删了？

　　变换

　　变换操作并不限于缩放和平移，我们可以使用函数context.rotate(angle)来旋转图像，甚至可以直接修改底层变换矩阵以完成一些高级操作，如剪裁图像的绘制路径。如：context.rotate(1.57)，旋转角度参数以弧度为单位。

　　beginPath()：开始

　　moveTo(x,y)：起点坐标

　　lineTo(x,y)：目标坐标

　　closePath()：连接起点，闭合路径

　　translate()：移动

　　rotate()：旋转

　　restore()：恢复

　　scale()：缩放

　　save()：保存

　　rotate(angle)：旋转图像

　　quadraticCurveTo()：绘制曲线

　　stroke()：绘制

　　strokeText()：描绘文本轮廓

　　strokeStyle()：颜色设置

　　strokeRect()：使用当前的storke style来绘制一个矩形，而只绘制矩形的边缘。

　　fill：填充

　　fillRect()：绘制一个矩形，并以当前的fillStyle来填充

　　fillStyle()：样式填充

　　fillText：填充文本内容

　　drawIamge()：图片填充

　　createPattern()：使用背景图片填充

　　addColorStop()：渐变填充

　　createRadialGradient()：放射性渐变

　　clearRect()：清除指定矩形区域的像素

　　.lineCap（butt | square | round）：指定线条末端的样式

　　.fillStyle：设置为CSS颜色、一个图案或一种颜色渐变

　　.lineWidth：线条宽度设置

　　.lineJoin(round)：修改当前形状中线段的连接方式，让拐角变得更圆滑

　　.shadowColor：任何css中的颜色值，可以使用透明度(alpha)

　　.shadowOffsetX：像素值，值为正数，向右移动阴影;值为负数，向左移动阴影

　　.shadowOffsetY：像素值，值为正数，向下移动阴影;值为负数，向上移动阴影

　　.shadowBlur：高斯模糊值，值越大，阴影越模糊