从画布中下载图像：下载图像为空

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

你需要等待，直到所有的瓷砖已加载的代码。对于经常使用，这不会是一个问题，因为用户大概不会按下按钮，直到他们可以看到一些东西。