绘制到画布在第一次加载时失败。刷新，它就可以工作了

Question

这是我的函数。

drawButtons: function() {
    gameController.ctx.strokeStyle='pink';
    gameController.ctx.fillStyle='rgba(128,128,128,1)';
    gameController.ctx.lineWidth=2;
    this.roundedRect(gameController.ctx,105,162,160,50,10,true,true);
    this.roundedRect(gameController.ctx,105,240,160,50,10,true,true);

    gameController.ctx.fillStyle = 'rgba(153,051,000,1)';
    gameController.ctx.font = "35px AR DARLING";
    gameController.ctx.fillText("1 Player",120,200);
    gameController.ctx.fillText("2 Player",120,278);
    }

所有这些都不会在第一次加载网页时绘制。如果有人希望看到，我可以添加代码来显示我调用方法的位置。也许我必须添加.onload()，但我只知道如何将图像添加到画布，而不是fillText等。谢谢。

Answer 1

我的drawButtons方法中的window.onload就是解决方案。

drawButtons: function() {
    window.onload = (function(){
    gameController.ctx.strokeStyle='pink';
    gameController.ctx.fillStyle='rgba(128,128,128,1)';
    gameController.ctx.lineWidth=2;
    nonGameContent.roundedRect(gameController.ctx,105,162,160,50,10,true,true);
    nonGameContent.roundedRect(gameController.ctx,105,240,160,50,10,true,true);

    gameController.ctx.fillStyle = 'rgba(153,051,000,1)';
    gameController.ctx.font = "35px AR DARLING";
    gameController.ctx.fillText("1 Player",120,200);
    gameController.ctx.fillText("2 Player",120,278);
    })},