访问画布上绘制的图像

我想在tilemap中添加一个对象(宇宙飞船),对象可以在其上移动。我已经在画布上创建了一个tilemap。和一些按钮来导航它们。还有一个按钮可以在地图上创建宇宙飞船。

问题是,我无法进入画在画布上的宇宙飞船。我的想法是,创建一个image类,它将帮助我通过Jquery访问图像。但这行不通。有没有一种简单的方法,我可以通过点击按钮来移动图片?

$("#b_generate_ship").click(function() {
    var spaceship = new Image();
    spaceship.src = '\grafiken\/spaceship.png'
    spaceship.className = "spaceship";
    context.drawImage(spaceship , 600, 50);   
    console.log("Ship generated");
});

$("#b_fly_left").click(function() {
    $(".spaceship").animate({ "left": "+=50px" }, "slow" );
    console.log("left flight");
});