Html <；视频>；放大图像时图像翻转

功能： 用户站在摄像机前拍照

已完成的操作：

利用一个按钮来捕捉动态图像，并创建了一个“拍照”按钮来捕捉图像以产生静止图像。此外，还集成了缩放功能

问题：

最初，图像功能良好。因此，当用户向左移动时，相机馈送中的图像也将向左移动，反之亦然。但是，当用户单击“放大”按钮时，摄影机提要中的图像将翻转，这意味着当用户向左移动时，摄影机提要中的图像将向右移动

因此，哪里做错了？以及如何确保当用户放大或缩小时，图像不会翻转？ 谢谢>

var zoom=1；
v=document.getElementsByTagName（'video'）[0]；
v、 style.left=0；
v、 style.top=0；
/*可能用于转换的特定于浏览器的设置数组*/
变量属性=['transform'、'WebKittTransform'、'MozTransform'，
“msTransform”、“OtrTransform”
],
prop=属性[0]；
函数plus（）{
缩放=缩放+0.1；
v、 样式[prop]=“缩放”（“+zoom+”）”；
}
函数负（）{
缩放=缩放-0.1；
v、 样式[prop]=“缩放”（“+zoom+”）”；
}

。摄像头\u进给\u翻转{
变换：旋转（0度）；
-webkit变换：旋转（0度）；
/*狩猎与铬*/
-moz变换：旋转（0度）；
/*火狐*/
变换：比例（1.0）；
}