87,910
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
新果科技 2018-03-09
- 打赏
- 举报
var viewer = OpenSeadragon({
id: "openSeadragon1",
prefixUrl: "/static/plugins/openseadragon/images",
tileSources: {
Image: {
xmlns: "http://schemas.microsoft.com/deepzoom/2009",
Url: "/static/js/test_files/",
Overlap: "1",
TileSize: "256",
Format : "jpeg",
Size:{
Height: "20000",
Width: "20000"
}
}
},
showNavigator: true,
navigatorHeight: "120px",
navigatorWidth: "145px",
fullPageButton: "full-page",
zoomInButton: "zoom-in",
zoomOutButton: "zoom-out",
homeButton: "home",
});
var imagingHelper = viewer.activateImagingHelper({
onImageViewChanged: onImageViewChanged
});
function onImageViewChanged(event) {
var zoom=viewer.viewport.getZoom()
$('.int input').val(zoom.toFixed(2)*4)
var value=$('.int input').val()
$('.int span').text(zoom.toFixed(1))
var left=(value*1+17)*0.9
$('.int .rm').css('left',left+'px')
};
//下面分别是放大5,10,20,40倍
$('#five').click(function () {
viewer.viewport.zoomTo(5)
});
$('#ten').click(function () {
viewer.viewport.zoomTo(10)
});
$('#twenty').click(function () {
viewer.viewport.zoomTo(20)
});
$('#forty').click(function () {
viewer.viewport.zoomTo(40)
});
