画布做成画板

var canvas = document.getElementById(“can”)；//容器
var context =canvas.getContext(“2d”);//获取上下文 初始化
var flag = false;//开关
var color;
var line;
window.function () {
canvas.function () {
flag = false;
};

canvas.function (e) {
    if(flag){
        context.lineTo(e.pageX,e.pageY);
        context.stroke()
    }

};
    canvas.function (e) {
        context.beginPath();//开辟新路径
        context.moveTo(e.pageX,e.pageY);//所以东西作用于获取上下文 初始化
        context.lineWidth=line;
        context.strokeStyle = color;
        flag = true;
    };
};
function changecolor(col) {
    color=col
}
function changeline(l) {
   line=l
}

效果图如下