检测区域设置为正方形(设置 px 宽高),在 store 中设置全局变量,保存宽高比,
摄像区域和滑块的位置及装着它们的容器如下:
需要对装着他们的容器设置高度和宽度
650 * 24 / 23
实际检测中发现,设置画面宽高为 800x800 和 200x200,好像只是画面进行等比例进行了缩小,里面的内容并没有发现变化。
注意显示的图像是镜像的,所以要 1 - xCenter
检测提醒设置声音,
设置表单,响应式滑块的值,
封装成组件的时候,仅有显示区域和下面的开关检测按钮和设置的隐藏按钮(通过 z-index 设置和类名设置)