首页 > 其他 > 详细

前端canvas(画布)

时间:2021-05-28 14:37:00      阅读:9      评论:0      收藏:0      [点我收藏+]

通过视频,使用画布截图

代码:

//视频可播放,就可以截图 

  var captureImage = function() {
            console.log(localStorage.getItem("name"))
            var canvas = document.createElement("canvas");
            canvas.width = video.videoWidth * scale;
            canvas.height = video.videoHeight * scale;
            canvas.getContext(‘2d‘).drawImage(video, 0, 0, canvas.width, canvas.height);
            // 解决 canvas 将图片转为base64报错: Uncaught DOMException: Failed to execute ‘toDataURL‘ on ‘HTMLCanvasElement‘ 跨域       
               console.log(video.currentTime.toFixed(0))
            var img = document.createElement("img");
            img.setAttribute("crossOrigin",‘Anonymous‘)
            img.src = canvas.toDataURL("image/png");
            var obj={src:canvas.toDataURL("image/png"),timer:video.currentTime.toFixed(0)}
             arr.push(obj)
            output.appendChild(img);
        };

引用https://www.cnblogs.com/hujingwei/p/4789649.html

前端canvas(画布)

原文:https://www.cnblogs.com/aaaaap/p/14821451.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!