最近开发网站有一个需求，要求页面上有一块区域，相册图片怎么打字上去，用户能用鼠标在上面写字，并能保存成图片 base64 码放在服务器。这样的需求用 canvas 实现是最好的。需要用到 canvas 的以下几个属性：
beginPath 创建一个新的路径
1、首先打开苹果手机的照片应用，选择需要编辑的照片。2、进入后，点击右上方的编辑选项。3、在编辑界面，点击右上角三个点的图标。4、之后，选择下方标记的选项。5、点击右下角的加号图标，点击文本的选项。6、最后输入需。
globalAlpha 设置图形和图片透明度的属性
lineWidth 设置线段厚度的属性（即线段的宽度）
strokeStyle 描述画笔（绘制图形）颜色或者样式的属性，默认值是 #000 (black)
下面以windows自带的画图软件为例，步骤如下：1、打开软件。打开你要写字的照片。2、点下加文字按钮 3、到照片上，需要加文字的位置点击一下，出现加文字方框。4、输入文字，编辑字体，颜色等。5、确定后，保存，完工。
moveTo(x，y) 将一个新的子路径的起始点移动到(x，y)坐标的方法
在图片上写字的步骤如下：1、小伙伴们打开自己的电脑之后，在左下角处点一下”开始“的图标。展开一个窗口界面之后，再找到里面的”画图“，点一下它，打开画图软件。2、进入画图软件的界面，点击左上方的白色列表图标，看。
lineTo(x，y) 使用直线连接子路径的终点到x，y坐标的方法（并不会真正地绘制）
closePath 它尝试从当前点到起始点绘制一条直线
除了用到这些属性外，还需要监听鼠标点击和鼠标移动事件。
废话就不多说了， DEMO。
我对代码做了扩展，除了支持画笔，还支持喷枪、刷子、橡皮擦功能。
canvas 转成图片
将 canvas 转成图片，需要用到以下属性：
toDataURL
