我的网络摄像头拍摄的照片与预览的

Question

我在网页中使用相机时遇到了麻烦。问题是预览的照片与实际拍摄的照片不同。

这是一个显示问题的图片（左边的图片是预览的图片，右边的图片是实际拍摄的图片）： here是我的代码的jsFiddle。

我真的不知道这个问题可能来自哪里，也许这一行context.drawImage(video, 0, 0, 640, 480);？

此外，我想补充一点，我手边的一些电脑，手机和平板电脑上的问题是相同的（顺便说一下，我们手边还是手头？）

这是我第一次在我的应用程序中使用网络摄像头，所以我有点迷失，任何帮助将不胜感激：）

提前致谢，祝你有个美好的一天！

Answer 1

最后一位同事和我设法让它工作，我们不得不改变两个div的大小，使它们匹配相同的尺寸。