jQuery equivalent of getting the context of a Canvas

Question

I have the following working code:

ctx = document.getElementById(\"canvas\").getContext(\'2d\');

Is there any way to re-write it to use

Answer 1

try{ 
   ctx = $('#canvas').get(0).getContext('2d');
}catch(e){ 
    console.log('We have encountered an error: ' + e);
}

or...

if( typeof $('#canvas') === 'undefined'){ 
    var canvas = '<\/canvas>';
    $('body').append(canvas);
}
setTimeout( function(){ ctx = $('#canvas').get(0).getContext('2d'); }, 500);

Using setTimeout is an easy way to ensure you don't try calling the canvas element before it's fully created and registered to the DOM.