画布颜色会根据画布宽度而变得饱和

Question

我正在尝试以编程方式创建的canvas元素上绘制波形，并且它们都具有相同的填充属性，但是当它们出现在浏览器中时（目前我正在Chrome上测试），最后的颜色会得到比其他人更饱和，像这样： Take a look at the final of the waveform

我测试了不同的画布宽度，这只发生在大于513px的画布上。

我以前在画布上绘制的功能：

clearCanvas (context) {
context.clearRect(0, 0, context.canvas.width, context.canvas.height);
}

在绘制之前，我调用一个函数来清除画布：

{'item1': 'car', 'relation': 'has parts', 'item2': 'wheels', 'weight': 1}

我想知道如何让所有画布都有相同的颜色，为什么会这样？