【文件属性】：
文件名称：基于HTML的简单画布
文件大小：2KB
文件格式：HTML
更新时间：2018-08-14 04:56:54
画布
var canvas=document.getElementById("demo");
var cxt=canvas.getContext("2d");
var flag=0;
canvas.onmousedown=function(evt){
evt=window.event?window.event:evt;
var startX=evt.pageX-this.offsetLeft;
var startY=evt.pageY-this.offsetTop;
cxt.beginPath();
cxt.moveTo(startX,startY);
flag=1;
}
//鼠标移动 （获取鼠标位置）
canvas.onmousemove=function(){
evt=window.event||evt;
var endX=evt.pageX-this.offsetLeft;
var endY=evt.pageY-this.offsetTop;
//判断鼠标是否按下
if(flag){
//移动的路径 并画出
cxt.lineTo(endX,endY);
cxt.stroke();
}
}
//鼠标抬起 鼠标移出 结束绘画
canvas.onmouseup=function(){
flag=0;
}
//
canvas.onmouseout=function(){
flag=0;
}