在客户端实现画线

VickyMao 2003-08-20 04:11:08
我希望实现这样的效果:当鼠标按下时,开始随鼠标的移动轨迹画线,当鼠标抬起时,画的线消失。
请各位帮忙!谢谢!!!!!
...全文
29 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
llhdf 2004-02-12
  • 打赏
  • 举报
回复
请问怎么实现?
brothder 2003-08-20
  • 打赏
  • 举报
回复
单击开始画线,单击结束,鼠标按下和抬起事件不是很懂,请高手完善这段代码。
脚本说明:
把如下代码加入<body>区域中
<script>
var winW= document.body.clientWidth;
var winH= document.body.clientHeight;
var MyStr="<object id=DDraw classid=\"clsid:369303C2-D7AC-11d0-89D5-00A0C90833E6\"";
MyStr+=" style=\"position:absolute;left:0;top:0;width:";
MyStr+=winW;
MyStr+=";height:";
MyStr+=winH;
MyStr+="\"></object>";
document.write(MyStr);
</script>
<script language=javascript>
var IsClick=0;
var MouseX0=0;
var MouseY0=0;
function MyDraw(){
if (IsClick) {
if ((MouseX0==0)&&(MouseY0==0)){
MouseX0=event.clientX-winW/2;
MouseY0=event.clientY-winH/2;
}
MouseX=event.clientX-winW/2;
MouseY=event.clientY-winH/2;
var Canvas=DDraw.DrawSurface;
var Lib=DDraw.Library;
Canvas.FillColor(Lib.red);
Canvas.Line(MouseX0,MouseY0,MouseX,MouseY);
DDraw.DrawSurface=Canvas;
MouseX0=MouseX;
MouseY0=MouseY;
}
}

function MyClick(){
IsClick=!IsClick;
MouseX0=event.clientX-winW/2;
MouseY0=event.clientY-winH/2;
}

document.onclick=MyClick;
document.onmousemove=MyDraw;
</script>

87,909

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧