欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

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

发布时间:2025/3/20 编程问答 52 豆豆
生活随笔 收集整理的这篇文章主要介绍了 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怎么用鼠标画出一条直线,鼠标移动时候要能看到线条的全部内容,希望文章能够帮你解决所遇到的问题。

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