Redimensionar uma imagem com javascript para uso dentro de uma tela createPattern

Eu vi alguns truques sobre como você redimensionar uma imagem que você deseja usar dentro de uma tag IMG, mas eu quero ter uma variável de imagem dentro de um Javascript, redimensioná-lo e, em seguida, usar a imagem dentro de um contexto.createPattern (imagem, " repetir"). Eu não encontrei nenhuma dica sobre como fazer isso.

Você pode encontrar uma demonstração funcional emhttp://karllarsson.batcave.net/moon.html com imagens sobre o que eu quero fazer.

A solução do Loktar parece boa. Ainda não tive tempo para consertar o aspecto correto, mas agora sei como fazer isso. Agradeço novamente. Aqui está uma demonstração de trabalhohttp://karllarsson.batcave.net/moon2.html

Estas são as duas linhas que eu não consigo trabalhar como eu quero também.

image.width = side * 2;
image.height = lado * 2;

function drawShape() {
    try {
        var canvas = document.getElementById('tutorial');                 
        var image = new Image();                                          
        image.src = "http://xxx.yyy.zzz/jjj.jpg";                         
        image.width = side * 2;                                           
        image.height = side * 2;                                          

        if (canvas.getContext){
            var ctx = canvas.getContext('2d');                            
            ctx.clearRect(0, 0, canvas.width, canvas.height);             
            ctx.fillStyle = ctx.createPattern(image, "repeat");           
            ctx.beginPath();                                              
            var centerX = canvas.width / 2 - side / 2;                    
            var centerY = canvas.height / 2 - side / 2;                   
            ctx.rect(centerX, centerY, side, side);                       
            ctx.fill();                                                   
        } else {
            alert('You need Safari or Firefox 1.5+ to see this demo.');   
        }
    } catch (err) {
        console.log(err);                                                 
    }
}

questionAnswers(1)

yourAnswerToTheQuestion