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

Question

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

Answer 1

截取页面可以试试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')

}