[解決済み] キャンバス全体を特定の色で塗りつぶすには？

質問

HTML5全体を埋めるには <canvas> を1色で表示します。

というような解決策を見かけました。 これ を使用して背景色を変更できますが、キャンバスは透明のままであるため、これは良い解決策ではありません。

もうひとつは、キャンバスの中に色をつけたものを作る方法です。 こちら しかし、それでもキャンバス全体が色で満たされることはありません（キャンバスが作成した形状より大きい場合）。

キャンバス全体を特定の色で塗りつぶす解決策はありますか？

どのように解決するのですか？

はい、キャンバス全体に矩形をベタ塗りして、その上に height と width を、キャンバス自体の

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "blue";
ctx.fillRect(0, 0, canvas.width, canvas.height);

canvas{ border: 1px solid black; }

<canvas width=300 height=150 id="canvas">