基于HTML的简单画布

【文件属性】：

文件名称：基于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; }