image - キャンバスからの画像のダウンロード: ダウンロードした画像は空白です

Question

Open Seadragon を使用して、ページに深いズーム画像を表示しています。画像をダウンロードするためのリンクを含めたい。ダウンロードされる画像が空白であることを除いて、ほとんど機能しています。

これが私のフィドルです

これが私が使用しているコードです

function seadragon(){
    var url = "http://26.img.americanancestors.org/8e09e1f1-e1e9-4414-a0f5-86a6f09454a2.xml";

    var viewer = OpenSeadragon({
                    id: "databaseviewer",
                    prefixUrl: "../../Scripts/openseadragon/images/",
                    tileSources: url,
                    maxZoomLevel: 20
                });

    viewer.addHandler('open', function() {
                    var img = viewer.drawer.canvas.toDataURL("image/png");
                    console.log(img);
                    var downloadlink = document.getElementById("download");
                    downloadlink.href = img;
                    downloadlink.download = 'SeadragonImage';

                });
}

seadragon();

Answer 1

すべてのタイルが読み込まれるまで待つ必要があります。ユーザーはおそらく何かが見えるまでボタンを押さないので、通常の使用ではこれは問題になりません。