1

画像が入ったキャンバスがあります。今、別のキャンバスで使用したい Image オブジェクトとしてキャンバスを保存しようとしています。しかし、空のキャンバス（画像なし）を取得するたびに。これが私がやっていることです：

canvas.toDataURL()

var imageObj = new Image();

imageObj.onload = function() {
    context.drawImage(imageObj,200,20,100,150);
};
imageObj.src = "images/yoda.jpg";
var canvasImage = canvas.toDataURL();

およびcanvas.getContext("2d").getImageData()

var imageObj = new Image();

imageObj.onload = function() {
    context.drawImage(imageObj,200,20,100,150);
};
imageObj.src = "images/yoda.jpg"; 
var imageData = context.getImageData(195,15,110,160);

しかし、これはキャンバスに存在する画像を保存していないようです。何か助けはありますか？

ライブプレビューを見る

http://jsfiddle.net/tvnbD/17/

4

1 に答える 1

1

onload 関数内で toDataURL に移動する必要があります。現在、画像の読み込みが完了する前に toDataURL が呼び出されています。

于 2012-08-31T13:38:05.050 に答える