Création de toile dynamique jQuery, $ ctx.getContext n'est pas une fonction

Question

Lorsque j'essaie d'exécuter cela dans jQuery, j'obtiens $ctx.getContext is not a function dans firebug.

var $ctx = $( '<canvas />', {width:'100', height:'100'} )
$widget.append($ctx)                                     
$ctx.getContext('2d')                                    

Une idée pourquoi j'obtiens cette erreur? Comment créer et initialiser dynamiquement un élément canvas?

Answer 1

$ctx Est un objet jQuery. utilisez $ctx[0].getContext('2d') pour obtenir le contexte

Answer 2

Si vous utilisez Excanvas, vous devrez utiliser les éléments suivants pour que cela fonctionne dans IE.

var canvas = $ctx[0];

if (canvas.getContext == undefined) {
    return G_vmlCanvasManager.initElement(canvas).getContext("2d"); 
}

return canvas.getContext('2d')