关于canvas的学习心得（一）

任务描述：

1>制作一个手机端的手绘板
2>要求能有毛笔的笔锋
3>画线能有轻重感
4>能重播手写过程
5>能提交保存

刚到公司接到这个任务，直接吓蒙我了。以前一直做的是后台开发，前台的html和js以及css都不会。

首先要先建立一个canvas画板。

<div><canvas id="canvas" >您的浏览器不支持本网页</canvas><div>

其中的文字会在不支持的浏览器中显示出来。记得加一个ID我这里就叫"canvas"

在js中获取到这个组件，并初始化：

var canvas = document.getElementById("canvas");//获取组件
canvas.width=(window.innerWidth-10)/3*2;	//设置组件宽度
canvas.height=(window.innerHeight)/2-50;	//设置组件高度
canvas.align="center";						//设置组件的位置，这里是居中。

画板就做好了，有了画板还缺支笔。那就去买支2d的笔吧 \（>_<）/ ：

<