我的图像没有出现在画布上有问题，你们可以帮我吗？

Question

我正在尝试制作飞扬的鸟，但是当我尝试将背景加载到画布上时，它什么也没做

 var cvs = document.getElementById("canvas"); var ctx = cvs.getContext("2d"); // load img var bird = new Image(); bird.src = "img/bird.png"; var bg = new Image(); bg.src = "img/bg.png"; var fg = new Image(); fg.src = "img/fg.png"; var pipeNoord = new Image(); pipeNoord.src = "img/pipeNorth.png"; var pipeSouth = new Image(); pipeSouth.src = "img/pipeSouth.png"; // draw images window.onLoad = function(){ ctx.drawImage(bg, 0, 0); } 

Answer 1

我建议您将整个图像加载代码移到onload处理程序中。 这样，您可以确保在实际调用drawImage之前已加载所有内容。 另外，正如@Chris G所提到的，它是window.onload ，而不是window.onLoad ：

 // draw images window.onload = function(){ var cvs = document.getElementById("canvas"); var ctx = cvs.getContext("2d"); // load img var bird = new Image(); bird.src = "img/bird.png"; var bg = new Image(); bg.src = "img/bg.png"; var fg = new Image(); fg.src = "img/fg.png"; var pipeNoord = new Image(); pipeNoord.src = "img/pipeNorth.png"; var pipeSouth = new Image(); pipeSouth.src = "img/pipeSouth.png"; ctx.drawImage(bg, 0, 0); }