Short example of how to get photo from PhoneGap Camera to canvas

PGCamera_Canvas

// Note: have not tested this - but I think it should work!

function cameraWin(picture){
    var theCanvas = document.getElementById('theCanvas');
    var ctx = theCanvas.getContext('2d');

    var theImage = new Image();

    theImage.src = "data:image/jpeg;base64,"+picture;
    ctx.drawImage(theImage, 0, 0);
}


function cameraFail(){
    alert('camera dead');
}

function takePicture(){
    navigator.camera.getPicture(cameraWin, cameraFail, {quality: 50, destinationType: Camera.DestinationType.DATA_URL});
}

It does not work for me. Only other thing I need is the canvas, right?

It does not display the image on the canvas :/