<分区>
标签 javascript html css canvas web
<分区>
从昨天开始，我试图找到一种将视频放入 Canvas 的解决方案，但它是一个具有特定形状的 Canvas ，如下所示:http://letsdunkit.com/so/rectangle.html
我看到很多教程都在谈论“drawImage”，但这不是我想要的，或者我错了，我没有正确使用它。
有什么想法吗？
谢谢
最佳答案
您可以使用 drawImage用<video>绘制当前显示的视频帧的元素参数:
<video id="myvideo" src="..."></video>
<canvas id="mycanvas"></canvas>
...
// in a <script>...
var myvideo = document.getElementById("myvideo");
var mycanvas = document.getElementById("mycanvas");
myvideo.play();
// assuming video is loaded (otherwise it won't have any frames to be drawn yet)
mycanvas.getContet("2d").drawImage(myvideo);
如果你播放视频并制作drawImage重复调用，您可以在播放视频时显示一系列图像。
O'Reilly 有一个 complete tutorial关于如何实现这一点。
关于javascript - 如何将视频放入 Canvas ？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16737250/