网页拍照示例
// 获取摄像头视频流
navigator.mediaDevices.getUserMedia({ video: true })
.then(function(stream) {
let video = document.getElementById('video');
video.srcObject = stream;
})
.catch(function(err) {
console.error("Error: " + err);
});
// 拍照
document.getElementById('snap').addEventListener('click', function() {
let video = document.getElementById('video');
let canvas = document.getElementById('canvas');
let context = canvas.getContext('2d');
context.drawImage(video, 0, 0, 640, 480);
canvas.style.display = 'block';
});
// 保存图像
document.getElementById('save').addEventListener('click', function() {
let canvas = document.getElementById('canvas');
let downloadLink = document.createElement('a');
downloadLink.href = canvas.toDataURL('image/png');
downloadLink.download = 'snapshot.png';
document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);
});