测试结果:
完整代码:
测试页您的浏览器不支持html5
截屏
$(function(){
var video, $output;
var scale = 0.25;
var initialize = (function() {
$output = $('#output');
video = $('#video').get(0);
$('#capture').on('click', function(){
captureImage();
})
})()
var captureImage = function(){
var canvas = document.createElement("canvas");
canvas.width = video.videoWidth * scale;
canvas.height = video.videoHeight * scale;
canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
var image = document.createElement('img');
image.src = canvas.toDataURL();
$output.prepend(image);
}
})