從畫布中下載圖像：下載圖像爲空

Question

我使用Open Seadragon在頁面上顯示深度縮放圖像。我想包含一個鏈接來下載圖像。我主要工作，除了下載的圖像是空白的。

Here is my fiddle

這裏是我使用

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

你需要等待，直到所有的瓷磚已加載的代碼。對於經常使用，這不會是一個問題，因爲用戶大概不會按下按鈕，直到他們可以看到一些東西。