const g = ctx.createLinearGradient(0, 0,., 0); の 4 番目の引数が終点であれば、

const g = ctx.createLinearGradient( 0, 0,canvas.width,canvas.height);

になると思うのですが、なぜそうならないのでしょうか？