url clic html5

[OssoH]

Tengo el siguiente codigo donde cargo dos imagenes en el canvas con HTML5 y quiero que al hacer clic sobre cada una de ellas se me abra una url en una ventana nueva del navegador. ¿Cómo se hace?

Código [Seleccionar] Expandir


function loadImages(sources, callback){
    var images = {};
    var loadedImages = 0;
    var numImages = 0;
    // get num of sources
    for (var src in sources) {
        numImages++;
    }
    for (var src in sources) {
        images[src] = new Image();
        images[src].onload = function(){
            if (++loadedImages >= numImages) {
                callback(images);
            }
        };
        images[src].src = sources[src];
    }
}

window.onload = function(images){
    var canvas = document.getElementById("myCanvas");
    var context = canvas.getContext("2d");

    var sources = {
        darthVader: "darth-vader.jpg",
        yoda: "yoda.jpg"
    };

    loadImages(sources, function(images){
        context.drawImage(images.darthVader, 100, 30, 200, 137);
        context.drawImage(images.yoda, 350, 55, 93, 104);
    });
};


[OssoH]

mi idea final es tener varias imagenes desplazandose con un ligero movimiento y que se pueda hacer clic sobre ellas y se abra una url predefinida.
Me aconsejan hacerlo dentro de un mismo canvas o crear un canvas para cada una de las imagenes?