javascript - 点击按钮对页面或者video画面截屏，能实现吗

问题描述

问 题

前端能实现点击按钮对页面或者页面video画面截屏吗

解决方案

截取页面可以试试html2canvas，但是这个也不算真正的截取，毕竟自定义性太差，
截取video的，你试试：

<video width="400" height="300" id="video" src="//video-source-url"></video>
<img width="400" height="300" id="image" />
<button id="button">截图</button>

var video = document.querySelectorAll('#video')
var image = document.querySelectorAll('#image')
var button = document.querySelectorAll('#button')
var canvas = document.createElement('canvas')
canvas.width = 400
canvas.height = 300
var canvasContext = canvas.getContext('2d')

button.onclick = function () {
    canvasContext.drawImage(video, 0, 0, 400, 300)
    image.src = canvas.toDataURL('image/jpeg')
}

这篇关于javascript - 点击按钮对页面或者video画面截屏，能实现吗的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！