Javascript 如何修复背景我丢失了除对象图像以外的所有图像

var canvas=document.getElementById（'myCanvas'）；
var context=canvas.getContext（'2d'）；
var background=新图像（）；
var地面=新图像（）；
var canon_base=新图像（）；
var gun=新图像（）；
$（函数（）{
var angleInDegrees=0；
var image=document.createElement（“img”）；
image.onload=函数（）{
context.drawImage（image，canvas.width/2-image.width/2，canvas.height/2-image.width/2）；
}
image.src=“images/gun.png”；
$（“#顺时针”）。单击（函数（）{
角度指数+=10；
牵引力（角度指数）；
});
$（“#逆时针”）。单击（函数（）{
角度指数-=10；
牵引力（角度指数）；
});
函数（度）{
clearRect（0，0，canvas.width，canvas.height）；
context.save（）；
context.translate（canvas.width/2，canvas.height/2）；
旋转（度*Math.PI/180）；
context.drawImage（image，-image.width/2，-image.width/2）；
restore（）；
}
});
background.onload=函数（）{
drawImage（背景，0,0）；
背景图像（地面，0565）；
背景。drawImage（canon_base，10430）；
document.body.appendChild（画布）；
};
background.src='images/background.png'；
ground.src='images/ground.png'；
canon_base.src='images/canon_base.png'；
//gun.src='images/gun.png'

HTML5游戏研讨会：单屏平台
右转
向左旋转