我的攝像頭拍攝的照片與預覽不一樣

Question

我在網頁中使用相機時遇到了麻煩。問題是預覽的照片與實際拍攝的照片不一樣。

下面是該問題的一個圖像（左邊的圖片預覽的一個，右邊一個是實際拍攝的照片）： 而here是我的代碼的jsfiddle。

我真的不知道這個問題可以從哪裏來，也許這條線context.drawImage(video, 0, 0, 640, 480);？

另外我想補充一點，問題是幾臺電腦，手機和平板電腦我下的手一樣的（順便說一句做，我們在手提或手說？）

這是第一時間我在我的應用程序內使用攝像頭，所以我有點失落，任何幫助將不勝感激:)

在此先感謝，祝你有美好的一天！

Answer 1

最後一個同事和我設法讓它工作，我們不得不改變兩個div的大小，以便它們匹配相同的尺寸。