我正在尝试在我的应用程序中使用 Canvas 来做两件事。首先是在 Canvas 上显示视频(我已经这样做了)。之后，我需要在这段视频上绘制方 block ，而正是在这部分我遇到了一些麻烦。当我尝试在一张 Canvas 上使用另一张 Canvas 时，视频始终位于我正在创建的方 block 上方。如果我只使用一张 Canvas ，也会发生同样的事情。有人可以帮我吗？
最佳答案
对于 Canvas ，一切都与操作顺序有关，在您的示例中，您正在绘制视频并希望正方形位于顶部，因此您需要在绘制视频之后绘制正方形。
>简单的例子:
https://jsfiddle.net/a3z5hb45/
ctx.fillStyle = "red"
ctx.fillRect(x, y, 100, 100);
ctx.fillStyle = "blue"
ctx.fillRect(x + 50, y + 50, 100, 100);
在这里您可以看到红色位于蓝色下方。想象一下，红色是您的视频，所以如果您在后面画了一些东西，它就会出现在上面。
如果颠倒顺序，您会得到以下结果:
关于javascript - 如何在 Canvas 元素上绘制视频？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36748688/