画布Javascript绘制函数不工作

我试图将画布上下文与实际的绘图函数分离，但不起作用。作为上下文的一部分，我希望包括调整画布大小的功能，但这不起作用。HTML工作得很好，因为这在getElementbyID工作时很明显。绘图功能工作良好，仅供参考

window.onload = function() {
    'use strict';
    var ctx = getCanvas();
    draw(ctx);
}
function getCanvas() {
    var canvas = document.getElementById('canvas');
    var ctx = canvas.getContext('2d');
    var w = canvas.width = 200;
    var h = canvas.height = 150;
    return ctx;
}
function draw(ctx) {
    ctx.fillStyle = 'rgb(200, 0, 0)';
    ctx.fillRect(10, 10, 50, 50);
    ctx.fillStyle = 'rgba(0, 0, 200, 0.5)';
    ctx.fillRect(30, 30, 50, 50);
}

---

我看你的代码没有问题。它按预期工作

window.onload=function（）{
"严格使用",；
var ctx=getCanvas（）；
抽签（ctx）；
};
函数getCanvas（）{
var canvas=document.getElementById（'canvas'）；
var ctx=canvas.getContext（'2d'）；
var w=画布。宽度=200；
var h=画布。高度=150；
返回ctx；
}
功能图（ctx）{
ctx.fillStyle='rgb（200,0,0）'；
ctx.fillRect（10,10,50,50）；
ctx.fillStyle='rgba（0,02000,0.5）'；
ctx.fillRect（30,30,50,50）；
}

canvas{边框：1px纯黑}