画布上的Mediarecorder和javascript

Question

我需要保存在画布上渲染的js动画，带有d3.js之类的库。我已经做了第一次尝试，最大的问题是在视频中显示的颜色是错误的:背景是黑色的(而在渲染中是白色的)，直方图的颜色也不同。我做错了什么?

Answer 1

当MediaRecorder在录制画布时，只有画布内的元素被渲染到视频流。

例如，如果你在画布或它的容器上设置了CSSbackground-color，媒体记录器将看不到它。

当你在画布上绘制/更新时，你必须首先绘制一个背景矩形，例如

//... during frame update, first do:
ctx.fillStyle = "#FF0000"; // with your desired background color
ctx.fillRect(0, 0, width, height);

那应该能解决你的问题。