从画布下载图像:下载的图像是空白(Downloading image from a canvas:

2019-11-03 08:18发布

我使用的是开放式海龙显示在页面上深缩放图像。 我想包括一个链接,下载图像。 我有它大多工作,除了会下载是空白的图像。

这里是我的小提琴

下面是我使用的代码

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:

你需要等待,直到所有的瓷砖都被加载。 对于经常使用,这不会是一个问题,因为用户可能不会碰到按钮,直到他们能看到的东西。



文章来源: Downloading image from a canvas: downloaded image is blank