我想在网页上弄个可以拖动的图层，然后拖到哪个地方就可以知道这个位置的坐标？杂实现

supiori 2004-09-23 11:36:14

我想在网页上弄个可以拖动的图层，然后拖到哪个地方就可以知道这个位置的坐标？杂实现

...全文

112 回复打赏收藏举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

网上找了一下用canvas实现鼠标绘制矩形框找到的都是需要用jQuery的，所以自己用js写了一个。效果图如下: 代码可能写的实在不算好，但是可以用，就当成一个demo来看吧。实现原理的话和一般的鼠标拖动绘制矩形框(用div实现)原理差不多，计算鼠标的坐标点来减去画布距离网页窗口最左边以及最上边的距离以此为基点改变矩形框的大小，不同的是这里每帧都要把画布清空以及重绘这样最终看到的效果...

vue3实现拖动排序，掌握拖动排序的原理。

这几天做基于Web页面的套打程序,用到了图层的拖动,在网上找了些资料,来说明原理及实现代码,总结如下: 原理图: 说明下: O(0,0),表示窗口内容区左上角坐标; T(x1,y1),表示拖动前,层的左上角顶点坐标; M(xm,ym),M=Mouse,此点表示,正准备拖动瞬间,鼠标与DIV接触点的坐标; M'(x'm,y'm),表示拖动后放手前,鼠标与DIV接触点的坐标; T'(x?,y?),拖...

脚本代码(For Alixixi.com)如下:利用jquery实现简单拖曵原理实例 by js.alixixi.com#drag{width:400px;height:300px;cursor:move;position:absolute;top:100px;left:100px;border:solid 1px #ccc;}h2{color:#fff;background: none repe...

1 <!DOCTYPE html> 2 <html> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4 <title>利用jquery实现简单拖曵原理实例 by js.alixixi.com</title> ...

87,984

社区成员

224,681

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章