Openseadragon - 放大/缩小时加载和删除额外的平铺图像

Question

有没有关于在放大/缩小时如何加载和删除额外平铺图像的示例？ 这样，浏览器只需要处理平铺图像的子集（降低细节级别）并且可能性能更高。

我试图弄清楚如何做到这一点。 很遗憾，我没有这样做的编程技能:(我最终得到了这个：

viewer.addTiledImage({
        tileSource: 'g2.dzi',
        x: 0.2,
        y: 0.1,
        width: 0.01,
            opacity: 0
           });  

viewer.addHandler('bookmark-url-change', function(event) {  
  var zoom = viewer.viewport.getZoom();
  if (zoom >= 2) {
        viewer.world.getItemAt().setOpacity(1)
  } else if (zoom < 2) {
        viewer.world.getItemAt().setOpacity(0)
  }
  });

如果你能帮我把它弄好，那就太好了。 谢谢！

Answer 1

这应该有效：

// Before this presumably you have made a viewer with a single image.

viewer.addTiledImage({
  tileSource: 'g2.dzi',
  x: 0.2,
  y: 0.1,
  width: 0.01,
  opacity: 0
 });  

viewer.addHandler('zoom', function(event) {  
  var topImage = viewer.world.getItemAt(1);
  if (topImage) {
    var zoom = viewer.viewport.getZoom();
    if (zoom >= 2) {
      topImage.setOpacity(1)
    } else if (zoom < 2) {
      topImage.setOpacity(0)
    }
  }
});

我没有测试过，但这应该是一般正确的想法。