cropper.js怎么使用键盘调整裁剪框的位置?
我使用vue2和cropperjs 1.5.13版本,我的img放在一个el-dialog下的div(dialog-box)中,如果有裁剪框时,我想通过键盘的事件来控制裁剪框的位置,但是官方文档只给了一个图片move的api而没有给移动裁剪框的,我该怎么样实现?
回复
1个回答
test
2024-07-04
https://github.com/fengyuanchen/cropperjs#setcropboxdatadata
getCropBoxData获取裁剪框的位置和长宽,setcropboxdatadata设置裁剪框的位置和长宽
监听键盘事件,然后通过setcropboxdatadata进行相应设置,增加/减少top/left的值
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容