本文主要包含html5教程,画板等相关知识,佚名 希望在学习及工作中可以帮助到您
HTML5制作简单画板
godraw=true;</p>
<p> })
//放开鼠标
$("#draw").mouseup(function(e){
godraw=false;
})
//移动鼠标
$("#draw").mousemove(function(e){
if(godraw){
var mouseX=e.pageX-this.offsetLeft;
var mouseY=e.pageY-this.offsetTop;
draw.lineTo(mouseX+4,mouseY+4);
draw.stroke();
}</p>
<p> })
})
</script>
</body>
</html>
效果图