前端canvas（画布）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了前端canvas（画布），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含821字，纯文字阅读大概需要2分钟。

内容图文

通过视频，使用画布截图

代码：

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

  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

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

内容总结

以上是互联网集市为您收集整理的前端canvas（画布）全部内容，希望文章能够帮你解决前端canvas（画布）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---