为具有getUserMedia流的视频标签拍摄快照时，canvasElement.getContext和context.drawImage错误的图像大小

const video = document.querySelector('video');

navigator.mediaDevices.getUserMedia({ video: true })
  .then(stream => {
    video.srcObject = stream;
    video.play();
  })
  .catch(error => {
    console.error('Error accessing camera: ', error);
  });

const canvas = document.createElement('canvas');
canvas.width = video.videoWidth;
canvas.height = video.videoHeight;

const context = canvas.getContext('2d');
context.drawImage(video, 0, 0, canvas.width, canvas.height);