百度 ife2017 里面有这么一道题,实现一个图片裁剪器。
传送门 http://ife.baidu.com/course/detail/id/37
我的疑问是关于这个裁剪框。
这个裁剪框是拖拽生成出来的,可以通过边框上的点拖拽改变高度和宽度,可以移动。
自然是绑定相应相应的事件。 mousedown , mousemove , mouseup 。
暂时不考虑 H5 的 drag and drop
所以应该怎么样写才好?
谢谢大家 : )
1
0f2e3z8n4z OP Clipper 是我封装的图片裁剪器
|
2
otakustay 2017-03-28 22:10:05 +08:00 via iPhone
拖拽的思路都是 mousedown 绑在要拖的元素上,触发时在 document 上绑定 mousemove 和 mouseup , up 时注销 document 上的事件,这样保证不会鼠标动太快移出元素事件丢失
另外 ie 有 setCapture 功能, ff 有类似的,自己搜吧 |
3
0f2e3z8n4z OP @otakustay 好的 thx
|