涂鸦板

来源：互联网发布：vb picturebox内容编辑：程序博客网时间：2024/05/16 18:57

<!doctype html><html lang="en"><head><meta charset="gbk"><title>画板~~</title><style>body{margin: 0; padding: 0;}canvas{background: #000; display: block;}</style></head><body><script>var cvs = '<canvas width='+document.documentElement.clientWidth+' height='+document.documentElement.clientHeight+'></canvas>';document.body.innerHTML = cvs;window.onload = function(){var cvs = document.querySelector('canvas');var paint = cvs.getContext('2d');paint.lineWidth = 5;paint.strokeStyle = 'red';var flag = false;cvs.addEventListener('mousedown', function(e){e = e || window.event;paint.moveTo(e.clientX, e.clientY);flag = true;},false);cvs.addEventListener('mouseup', function(e){e = e || window.event;paint.moveTo(e.clientX, e.clientY);flag = false;},false);cvs.addEventListener('mousemove', function(e){e = e || window.event;if (!flag) {return;}var x = e.clientX;var y = e.clientY;paint.lineTo(x,y);paint.stroke();},false);}</script></body></html>

0 0