前端能實現(xiàn)點擊按鈕對頁面或者頁面video畫面截屏嗎
點擊按鈕對頁面或者video畫面截屏，能實現(xiàn)嗎
有只小跳蛙
2018-12-13 14:15:14
1 回答
慕容708150
TA貢獻1831條經(jīng)驗 獲得超4個贊
截取頁面可以試試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')
}
添加回答
舉報
0/150
提交
取消