バッファからdrawImageでキャンバスを更新するdrawImageでアクションを適用しない

Question

バッファキャンバスを使用してキャンバスを更新していますが、バッファキャンバスにImageを描画して実際のキャンバスに適用すると画像がありません本物のキャンバス。しかし、私は実際のキャンバスに他のものを適用することができます。これらのイベントがoccuringしているので、働いていない

var ctx = $('#canvas')[0].getContext("2d"), 
    width = $("#canvas").width(), 
    height = $("#canvas").height(), 
    buffer = $("<canvas>")[0].getContext("2d"); 
ctx.canvas.width = width; 
ctx.canvas.height = height; 
buffer.canvas.width = width; 
buffer.canvas.height = height; 
var image = new Image(); 
image.src = "img/logo.png"; 
$(image).load(function() { 
    buffer.drawImage(image, 0, 0); 
}); 
ctx.drawImage(buffer.canvas, 0, 0); 

Answer 1

：あなたは、通常のキャンバスに空のバッファを描画している

1. この

   は私のコードです。
2. 画像が読み込まれます。
3. 次に、イメージがバッファに描画されます。今ではbuffer-with-imageがありますが、決して通常のキャンバスに描画されることはありません。

あなたはオンロードの内部ctx.drawImage行に置く場合：

$(image).load(function() { 
    buffer.drawImage(image, 0, 0); 
    ctx.drawImage(buffer.canvas, 0, 0); 
}); 

をしたいようにそれが働くだろう。