在javascript中呈现和清除多个画布

我希望能够在同一画布元素中呈现来自不同javaScript文件的多个游戏，只需按一个按钮/键即可交替进行。 我以前做过，但是在一个脚本中编写所有代码。 最简单的方法是让每个脚本依赖一个全局变量编号，并在调用它们的编号时进行绘制

例如：

  if(pnum === 0){

    //Draw the page colour
        ctx.fillStyle = pcolour[pnum];
        ctx.fillRect(0,0, w,h);

    ctx.fillStyle = pcolour[1];
    ctx.fillText("Wubbalubbadubdub", 100,100);

    }else ctx.clearRect(0,0,w,h);

以及：

其中：

var pnum = 0;
var pcolour = [
    "red",
    "blue"
    ];

---

好吧，那么。。。问题是什么？你在实现这个的过程中是否遇到了一些问题？如果是的话，是什么代码导致了问题？我想让2个画布绘制在同一个html文档上，并且只有在调用它们的编号时才使用。我的意思是，你的想法是在if语句中使用全局变量来选择哪个游戏看起来合理，所以从你的问题我不确定你需要帮助的是什么？如果是全局变量部分，您可以编写一个主脚本来设置变量，然后包含多个JS脚本来检查变量的值。可能会有帮助。不过，根据您的描述，我会将主脚本的结构更像：if globalVar===1{game1；}或者if globalVar==2{game2；}，其中game1和game2是任何游戏脚本中的主要功能。

var pnum = 0;
var pcolour = [
    "red",
    "blue"
    ];