点击按钮对页面或者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 = 400canvas.height = 300var canvasContext = canvas.getContext('2d')button.onclick = function () {&nbsp; &nbsp; canvasContext.drawImage(video, 0, 0, 400, 300)&nbsp; &nbsp; image.src = canvas.toDataURL('image/jpeg')}