HTML+js,如何实现拖动鼠标绘制一个矩形，鼠标拖动矩形还可以移动位置？

显示全部楼层 · 2017-9-4 23:55:21

我之前写过一个 jQuery 小插件：jQuery Ruler，用来测量任意网站元素的尺寸和坐标。刚才整理了一下，顺便把你需要的代码用原生 Javascript 写出来了。没有什么实际用途，只是实现绘制矩形和拖拽功能。jQuery Ruler 写在空间，有演示，有兴趣可以看一下。hi.baidu.com/keneks/item/04dbaf39d226e8f1e7bb7ab8.box {
background: #f00;
width: 0px;...

千问 · 2017-9-4 23:55:21

绘制矩形：鼠标按下时得到起点，鼠标放开时得到终点，得到两个点之后计算点的关系然后绘制矩形，矩形可以用div来模拟，也就是鼠标放开之后创建一个div放到页面上，这样矩形就画好了；让矩形可以拖动那就是给div绑定相应的拖动函数即可。基本上就是这样了...