前言:
现时同学们对“下载网页的js”大体比较重视,你们都需要剖析一些“下载网页的js”的相关知识。那么小编同时在网摘上收集了一些关于“下载网页的js””的相关文章,希望你们能喜欢,大家一起来学习一下吧!视图里添加视频标签
<div class="videoPlayer"> <video class="vjs-tech"></video></div>视图里加一个canvas标签
<canvas id="localcanvasImg" width="1920" height="1080" style="display:none;"></canvas>点击触发截图事件
var video = document.querySelector(".videoPlayer .vjs-tech"); var canvas = document.querySelector("#localcanvasImg"); var ctx = canvas.getContext("2d"); ctx.drawImage(video, 0, 0, 1920, 1080); var base64 = canvas.toDataURL("image/png"); var a = document.createElement("a"); a.download = '下载的图片的名称'; //下载的文件名,默认是'下载' a.href =base64; document.body.appendChild(a); a.click(); a.remove(); //下载之后把创建的元素删除
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #下载网页的js #jsvideo画面清理