1、我在w3c上看到了canvas有个方法叫drawImage(video, x, y, w, h);
于是我是实验了一下
1
490var v=document.getElementById("video1");
var c=document.getElementById("myCanvas");
var ctx=c.getContext('2d');
v.addEventListener('play',function() {
var i = window.setInterval(function() {
ctx.drawImage(v, 0, 0, 270, 135);
}, 20);
},false);
v.addEventListener('pause',function() {window.clearInterval(i);},false);
v.addEventListener('ended',function() {clearInterval(i);},false);
}发现PC端画布是可以播放视频的，于是兴奋的拿起手机测试，结果GG了，画布一片空白，
为了测试是不是画布问题，我加上图片，用画布去画图片，同样的drawImage（）方法，图片成功画出来了，于是可以断定画布没问题，又怀疑是手机原因，换了几个浏览器还是一样，又换了几个手机，我的结果是绝望了
难道移动端画布是画不了视频的么，drawImage(video, x, y, w, h);完全不起作用，不知是不是我漏掉哪里，球各位大神指示
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...