javascript - 仅在画布图像上绘制绿色像素

Question

我正在使用将视频帧捕获到画布上

var video = document.getElementById('myvideo');
var canvas = document.getElementById('mycanvas');
var outputcanvas = document.createElement("CANVAS");
outputcanvas.width = 640;
outputcanvas.height = 480;
var ctx = outputcanvas.getContext("2d");
ctx.drawImage(video,0,0,640,480);

然后我在 mycanvas 上有一些黑白图纸，我想在视频帧上绘制，但是我想避免在任何蓝色上绘制。

有谁知道我可以操纵画布上的图像并将其放置在我刚刚添加的视频帧上的方法？

我有 alpha 集，所以只有图纸本身被放置到 outputcanvas 上，使用：

ctx.drawImage(canvas,0,0,640,480);

有任何想法吗？

标签： javascripthtmlcanvashtml5-canvashtml5-video