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)
    }
  }
});

我没测试过，但应该是大致正确的思路。

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

Openseadragon - Load & remove additional tiled images when zooming in / out

javascript