亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何截取包含視頻和畫布的 div 的屏幕截圖?

如何截取包含視頻和畫布的 div 的屏幕截圖?

夢里花落0921 2022-07-21 20:49:30
注意:這不是重復的,因為我沒有發現任何與截取視頻和畫布相結合的問題,我嘗試了 html2canvas我們有一個內部包含視頻元素和畫布的 div。視頻用于流式傳輸,畫布用于在該視頻上繪制任何內容。現在,如果我截取 div 的屏幕截圖,它必須包含視頻幀和繪圖。我沒有找到任何辦法得到這個。我嘗試了 html2canvas 但它只給出了畫布的屏幕截圖。下面是代碼。HTML:<div id="remoteScreen">    <video id="remoteVideo" autoplay></video>    <canvas id="remoteCanvas"></canvas></div><button id="captureButton">Capture</button>CSS:video {  max-width: 100%;  width: 320px;}canvas {  position: absolute;  background: transparent;}JS:const captureBtn = document.querySelector("#captureButton");captureBtn.addEventListener('click', captureCanvasVideoShot);function captureCanvasVideoShot() {  html2canvas(document.querySelector("#remoteScreen")).then(function(canvas) {    document.body.appendChild(canvas);  });通過使用 html2canvas,我想我會得到視頻和畫布的組合屏幕截圖,因為畫布位于視頻之上,并且兩者都是 remoteScreen div 的一部分。但我只得到了畫布的截圖。誰能告訴我有沒有辦法讓視頻+畫布的截圖結合起來,或者我可以將任何額外的配置參數傳遞給html2canvas來獲得視頻+畫布的截圖?
查看完整描述

1 回答

?
人到中年有點甜

TA貢獻1895條經驗 獲得超7個贊

html2canvas 無法重現視頻截圖。它通過讀取頁面的 HTML 元素并根據 CSS 樣式信息呈現它們的圖片來生成圖像。它實際上并沒有截屏。



查看完整回答
反對 回復 2022-07-21
  • 1 回答
  • 0 關注
  • 122 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號