jQuery equivalente de conseguir el contexto de un lienzo

Question

tengo el siguiente código de trabajo:

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

¿Hay alguna manera de volver a escribir para usar $? Hacer esto falla:

ctx = $("#canvas").getContext('2d'); 

Answer 1

Probar:

$("#canvas")[0].getContext('2d'); 

jQuery expone el elemento DOM efectiva en los índices numéricos, donde se pueden realizar funciones/DOM JavaScript normales.

Answer 2

También he visto que a menudo es preferible utilizar .get (0) para hacer referencia a un objetivo jquery como elemento HTML:

var myCanvasElem = $("#canvas").get(0); 

Tal vez para ayudar a evitar cualquier referencia potenciales objeto nulo desde jquery devuelve null como una objeto, sino trabajar con el elemento de .get (0) no pueden fallar de manera silenciosa ... puede comprobar fácilmente si el lienzo fue encontrado por primera vez antes de que funciona .get (0) como

if($("#canvas").length) ctx = $("#canvas").get(0).getContext('2d'); 
else console.log('Error: Canvas not found with selector #canvas'); 

Answer 3

el guión antes de que encuentre "lienzo"

$(document).ready(function() { 
    ctx = $("#canvas"); 
});