html怎么显示直线,html怎么用鼠标画出一条直线，鼠标移动时候要能看到线条

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

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;

};

};

};

总结

以上是生活随笔为你收集整理的html怎么显示直线,html怎么用鼠标画出一条直线，鼠标移动时候要能看到线条的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。