Openseadragon:添加下载和打印图像的选项

Question

我使用openseadragon来显示深度缩放图像，我的客户希望除了常规的导航项目外，还有一个下载图像的按钮和一个打印图像的按钮。openseadragon中没有这些功能的预制按钮，所以我需要手动创建按钮。我不知道该怎么做，有人能帮我吗？

我需要：（1） 向查看器导航添加新按钮（2） 创建用于下载和打印当前图像的功能。

Answer 1

（1）我们在openseadragon（OSD）站点中有类似的功能。我制作了一个包含默认按钮的自定义工具栏，并添加了我们自己的按钮。自定义操作的绑定是通过简单地向OSD提供init上元素的id来设置的。自定义按钮的绑定是"手动"完成的。html代码可能看起来像这样：

<div id='viewerToolbar'>
<!-- Default buttons -->
<div class='toolbarItem' id='pv_home'></div>
<div class='toolbarItem' id='pv_zoom-in'></div>
<div class='toolbarItem' id='pv_zoom-out'></div>
<div class='toolbarItem' id='pv_full-page'></div>
<!-- custom actions -->
<div class='toolbarItem' id='customAction'>customAction</div>
<div class='toolbarItem' id='customAction2'>customAction2</div> 
</div>

OSD设置如下：

OpenSeadragon({
  id: 'viewer',
  tileSources: 'DZI_URL'
  toolbar:'viewerToolbar',
  zoomInButton:   'pv_zoom-in',
  zoomOutButton:  'pv_zoom-out',
  homeButton:     'pv_home',
  fullPageButton: 'pv_full-page'
});

自定义按钮设置类似这样（jQuery）：

$( '#customAction' ).on( 'click', function() {
   //Do custom action
 });
$( '#customAction2' ).on( 'click', function() {
 //Do custom action 2
 });

（2） 我们创建了自己的服务来生成PDF供下载，用户也可以打印。我认为这比尝试从OSD打印/下载更容易，也更可靠。您可能会遇到以下问题：打印是从当前缩放级别完成的；解决问题；您必须等到tiles a完全加载后，才能为downlaod等创建png。