该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
window.onload = function(){
var oC = document.getElementById('c1');
var oGC = oC.getContext('2d');
oC.onmousedown = function(ev){
var ev = ev || window.event;
oGC.beginPath();
oGC.moveTo(ev.clientX-oC.offsetLeft,ev.clientY-oC.offsetTop);
document.onmousemove = function(ev){
var ev = ev || window.event;
// oGC.lineTo(ev.clientX-oC.offsetLeft,ev.clientY-oC.offsetTop);
// oGC.closePath();
// oGC.stroke();
};
document.onmouseup = function(){
var ev = ev || window.event;
oGC.lineTo(ev.clientX-oC.offsetLeft,ev.clientY-oC.offsetTop);
oGC.stroke();
document.onmousemove = null;
document.onmouseup = null;
};
};
};
本文介绍了一个简单的绘图板交互实现方案,通过监听鼠标点击和移动事件,在Canvas上绘制线条。当鼠标按下时开始绘制,并跟随鼠标移动更新线条,最终在鼠标抬起时结束绘制过程。
6882

被折叠的 条评论
为什么被折叠?



