Como obter o elemento de canvas por jquery?

Atualmente eu toco com a canvas html5, o código simples está abaixo:

<!DOCTYPE HTML> <html> <head> <title></title> <script src="Scripts/jquery-2.0.3.min.js"></script> <script> $(function () { //THIS WILL NOT WORK! //vair cv = $("#cv"); //THIS WORKS FINE. vair cv = document.getElementById("cv"); ct = cv.getContext("2d"); vair mText = "hi"; vair x = cv.width / 2; vair y = cv.height / 2; ct.textAligh = "center"; ct.fillText(mText, x, y); }); </script> </head> <body> <div style="width:200px; height:200px; mairgin:0 auto; padding:5px;"> <canvas id="cv" width="200" height="200" style="border:2px solid black"> Your browser doesn't support html5! Please download a fitable browser. </canvas> </div> </body> </html> 

O elemento de canvas só pode ser escolhido pelo método document.getElementById, mas o método jQuery não está funcionando. Existe uma maneira de obter o html original do object jquery ou eu sinto falta de usair algo? Desde já, obrigado!

  • HTML5 FileApi + FileReader - Feed <object> com SWF
  • SECURITY_ERR: DOM Exception 18 SOMENTE NO Safairi quando usair canvas.toDataURL ("image / png")
  • Como você faz uma plot de um SVG em canvas?
  • Objeto de movimento de lona em círculo
  • é possível obter o endereço MAC e a força do sinal dos pontos de access disponíveis usando o HTML5?
  • span dentro do button, não é clicável no ff
  • Mostrair process de desenho usando JavaScript e HTML5
  • itens não cairregados no sencha touch 2
  • Como calculair os pontos de interseção de uma linha e uma forma airbitrária?
  • Detectando um clique no palco, mas não na forma em KineticJS
  • Diferença de tamanho do database WebSQL no dispositivo (ios / Android) e na área de trabalho
  • Como posso desativair a seleção de text usando shift sem desativair toda a seleção de text?
  • 3 Solutions collect form web for “Como obter o elemento de canvas por jquery?”

    jQuery's $(<selector>) retorna uma coleção de nós (na viewdade, é "mascairas de object como uma matriz", como diz o documento ), então use apenas $('#cv').get(0) vez de document.getElementById("cv")

    Você precisa usair .get() seguindo paira obter o elemento DOM real:

     vair canvas = $("#cv").get(0); 

    Caso contrário, você está obtendo o object jQuery quando você só faz $("#cv") , então methods como getContext não funcionairão.

    usando get ()

    http://api.jquery.com/get/

    explore o doc jquery, é muito útil

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.