检测区域设置为正方形(设置 px 宽高),在 store 中设置全局变量,保存宽高比,

摄像区域和滑块的位置及装着它们的容器如下:

1664950718035

需要对装着他们的容器设置高度和宽度

650 * 24 / 23

实际检测中发现,设置画面宽高为 800x800 和 200x200,好像只是画面进行等比例进行了缩小,里面的内容并没有发现变化。

注意显示的图像是镜像的,所以要 1 - xCenter

检测提醒设置声音,

设置表单,响应式滑块的值,

封装成组件的时候,仅有显示区域和下面的开关检测按钮和设置的隐藏按钮(通过 z-index 设置和类名设置)