Image Openseadragon:添加下载和打印图像的选项?
我使用openseadragon来显示深度缩放图像,我的客户希望除了常规导航项目外,还有一个按钮来下载图像和一个按钮来打印图像。openseadragon中没有这些函数的预制按钮,因此我需要手动创建按钮。我不知道怎么做,有人能帮我吗 我需要: (1) 向查看器导航添加新按钮 (2) 创建下载和打印当前图像的功能。(1)我们的openseadragon(OSD)网站也有类似的功能。我制作了一个包含默认按钮的自定义工具栏,并添加了我们自己的按钮。自定义操作的绑定是通过简单地在init上给OSD元素的id来设置的。自定义按钮的绑定是“手动”完成的。html代码可能如下所示:Image Openseadragon:添加下载和打印图像的选项?,image,printing,download,zooming,openseadragon,Image,Printing,Download,Zooming,Openseadragon,我使用openseadragon来显示深度缩放图像,我的客户希望除了常规导航项目外,还有一个按钮来下载图像和一个按钮来打印图像。openseadragon中没有这些函数的预制按钮,因此我需要手动创建按钮。我不知道怎么做,有人能帮我吗 我需要: (1) 向查看器导航添加新按钮 (2) 创建下载和打印当前图像的功能。(1)我们的openseadragon(OSD)网站也有类似的功能。我制作了一个包含默认按钮的自定义工具栏,并添加了我们自己的按钮。自定义操作的绑定是通过简单地在init上给OSD元素的
<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>
OpenSeadragon({
id: 'viewer',
tileSources: 'DZI_URL'
toolbar:'viewerToolbar',
zoomInButton: 'pv_zoom-in',
zoomOutButton: 'pv_zoom-out',
homeButton: 'pv_home',
fullPageButton: 'pv_full-page'
});
自定义按钮设置如下(jQuery):
(2) 我们创建了自己的服务来生成PDF供下载,用户也可以打印。我认为这比从OSD打印/下载更容易,结果也更可靠。您可能会遇到这样的问题:打印是从当前的缩放级别完成的;解决问题;在为downlaod等创建png之前,您必须等待瓷砖完全加载
$( '#customAction' ).on( 'click', function() {
//Do custom action
});
$( '#customAction2' ).on( 'click', function() {
//Do custom action 2
});