jquery - jqueryで動的に追加されたキャンバスからgetContext(2d)

Question

ここでは少し初心者で、おそらく私の深さから外れていますが、インポートされた xml をループして、コンテナーに div を追加し、それをキャンバスに追加して、そのキャンバスに描画しようとしています。私が得るのは「getContext()は関数ではありません」ということだけです

var newCanvas = 
    $('<canvas/>', {'class':'cnvsClass'}, {'id': 'theCanvas'})
    .width(215)
    .height(217);


$("#innerWrapper")
    .append($('<div/>', {'class': 'wrapper'})
        .append($(newCanvas)));



// Have tried  $('<canvas/>', $('.cnvsClass'), $("#theCanvas")
// I've added [0] after the selector but all I get is 
// TypeError: $(...).getContext is not a function
var ctx = $("#theCanvas").getContext("2d");

var image = new Image();
image.src = "AtlasSheet.png";  
$(image).load(function() {
    ctx.drawImage(image, 830,1165, 215, 217, 0, 0, 215, 217);    
});

Answer 1

それを行うには、ネイティブ DOM オブジェクトが必要です。

これを試して;

var ctx = $("#theCanvas").get(0).getContext("2d");