vue 2.0需求拍摄证件照(需要设置人头取景框,鼠标也拖拽,键盘方向键可调整位置)

继续昨天的代码更新一下
需求是: vue2 主页面是一个表格,存在按钮点击进行调取摄像头拍照,拍照呢要有头像的取景框,鼠标可移动,键盘通过方向键也可移动,调整了昨天的代码存在的问题,拖动会拍照一部分外面的内容,
今天,疑惑点在获取更新后的节点,及怎么设置键盘事件监听的方法上。
忘记使用 updated 里获取更新后的dom 做监听 通过$nexttick去获取;
忘记使用原生 js 做事件监听,
目前还未完成,下一步需要做的是键盘操作dom移动。
cv的太多,稍微创新一点的需求就做的好慢啊,加油自己!!

回顾一下dom操作的跳转
vue 2.0需求拍摄证件照(需要设置人头取景框,鼠标也拖拽,键盘方向键可调整位置)_第1张图片

取景框如图:也可下载获取。vue 2.0需求拍摄证件照(需要设置人头取景框,鼠标也拖拽,键盘方向键可调整位置)_第2张图片
vue代码如下:







你可能感兴趣的:(vue.js,计算机外设,javascript)