5

画像付きのキャンバスをPNGに保存しようとしていますが、これを試してみると：

var myCanvas = document.getElementById("myCanvas");
var img = document.createElement('img');
var ctx = myCanvas.getContext ? myCanvas.getContext('2d') : null;
img.src = 'image.png';

img.onload = function () {  
    ctx.drawImage(img, 0, 0, myCanvas.width, myCanvas.height);
}

var data = myCanvas.toDataURL("image/png");
if (!window.open(data)) {
    document.location.href = data;
}

画像なしで空白の透明な画像しか得られません。私は何が間違っているのですか？

4

1 に答える 1

6

これは非同期window.openで発生するため、ロードハンドラーに呼び出しを配置する必要があります。

img.onload = function () {  
    ctx.drawImage(img, 0, 0, myCanvas.width, myCanvas.height);

    var data = myCanvas.toDataURL("image/png");
    if (!window.open(data)) {
        document.location.href = data;
    }
}
于 2012-09-27T11:55:28.220 に答える