在canvs-javascript中替换图像

我正在尝试制作一个非常简单的meme生成器，您可以使用下拉菜单选择要添加文本的图像。我可以成功地选择我想要的图像并将其显示在画布中，但是当我更改选择时，它会将图像添加到第一个图像上，而不是更改图像

我希望能够选择图像，如果我改变主意，它只会替换当前图像。欢迎您提出任何建议

这是我的密码：

window.onload = function init(){

var selector = document.getElementById('selector');    
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var imageObj = new Image();
var imagesObj = {
    "fry"       :   ['images/fry.jpg'],
    "badluck"   :   ['images/badluck.jpg'],
    "success"   :   ['images/success.jpg']

};


selector.addEventListener('change', function(){
    imagesObj[selector.value].forEach(function(item){
    imageObj.onload = function() {
    context.drawImage(imageObj, 0, 0);
    };
    imageObj.src = item;


});
});
}

---

看起来这是个好办法：

context.clearRect(0, 0, 298, 350);