图片出不来发现是图片src的问题，bgPic.src一直加载不过来，在页面中加个图片隐藏掉，再获取图片地址就可以出来了。<img id="img" src="../img/background.jpg">  bgPic = document.getElementById("img");

换一种思路，就可以了

我的也出不来啊

不好意思啊，朋友，我看错了，原来老师在讲课的时候就是写的ctx2.drawImage(bgPic,0,0,canWidth,canHeight)，我第一次写的时候写的是ctx2.drawImage(bgPic,canWidth,canHeight)，结果图片显示不出来。后来调试好了才发现原来老师就是讲的ctx2.drawImage(bgPic,0,0canWidth,canHeight)。所以，你的问题可能不在这里。

我终于解决了，兄弟你试试吧：把background.js里面的ctx2.drawImage(bgPic,canWidth,canHeight)改成ctx2.drawImage(bgPic,0,0,canWidth,canHeight)。

试下bgPic.src="../SRC/bg.jpg";

图片加载不出来，不知道哪里出了问题？

要么是图片路径不正确。或者你的js写的有问题。使用谷歌浏览器 按F12测试一下 看看有什么错误 ，那里面很清楚。