------【DeepZoom】
_夜渐凉
_与其临渊羡鱼,不如退而结网
展开
-
DeepZoom交互方式查看高分辨率图像技术知识点
1,Deep ZoomDeep Zoom 提供以交互方式查看高分辨率图像的能力。您可以快速放大和缩小图像,而不会影响应用程序的性能。Deep Zoom 允许通过提供多分辩率图像和使用弹簧动画来使加载和平移变平滑。 2,dzi文件是什么类型文件?DZI格式是DeepZoom图片文件;简单地说,DeepZoom技术就是能让你查看很大的一副图片,但仅仅将当前显示在你屏幕上的部分发送到...原创 2018-12-07 18:31:44 · 2536 阅读 · 0 评论 -
学习OPENSEADRAGON之一 (一个显示多层图片的开源JS库)
OpenSeadragon是一个可以显示多层图片(可放大缩小)的Web库,基于JavaScript,支持桌面和手机。由于我项目需要,却没有找到任何中文教程,因此在官网上一边学习,一边总结于此。官网是https://openseadragon.github.io/,在官网首页可以看到Demo,一个可以将图片放大缩小拖动的视图框。以下是第一个例子:1.库文件下载首先进入官网,点击右...转载 2018-12-07 17:00:11 · 1525 阅读 · 0 评论 -
学习OPENSEADRAGON之二 (界面缩放与平移规则设置)
OpenSeadragon入门了解请看第一篇:http://www.cnblogs.com/yingjiehit/p/4362377.htmlOpenSeadragon给我们提供了很多的可选界面元素,这些界面元素可以通过简单的配置很容易的能使用了。此外,OpenSeadragon旨在让你把它的控制绑定到完全由你自定义的界面(例如,自定义一个按钮,按下就执行OpenSeadragon界面里的...转载 2018-12-07 17:19:45 · 1346 阅读 · 0 评论 -
学习OPENSEADRAGON之三 (覆盖层OVERLAYER的使用)
Overlayer(覆盖层)是一个很重要的机制,它可以在可缩放图片上显示额外的信息。1,简单应用以下是我做出的一个小例子:看这小老鼠头部的红色框内的部分就是一个分离出来的overlay。介绍一下overlays:这是一个对象数组,定义了显示框viewer中固定的overlays层。overlays层通过这个选项来添加,之后这个块就从OpenSeadragon中去除了。既...转载 2018-12-07 17:39:18 · 1246 阅读 · 1 评论 -
学习OPENSEADRAGON之四 (导航视图)
OpenSeadragon介绍以及上手:学习OpenSeadragon之一OpenSeadragon主要用于地图、医学图像等需要放大缩小分层显示的图像显示。1,简单例子导航视图就是在一个小框中显示整个地图的全貌,点击小框中的相应位置,整个图片显示的焦点就能定位到点击的相应位置,就像魔兽争霸、dota里的小地图那样,如下图右上角。OpenSeadragon已经为我们提供了方便...转载 2018-12-07 17:51:24 · 773 阅读 · 0 评论 -
学习OPENSEADRAGON之五 (工具条TOOLBAR与自定义按钮)
OpenSeadragon简介:学习OpenSeadragon之一(一个显示多层图片的开源JS库)一、工具条toolbar设置OpenSeadragon为我们提供了现成的工具条toolBar,工具条上有按钮,可以默认实现放大、缩小、全屏、返回默认大小等功能,toolBar默认出现在View里的左上角,我们也可以通过设置,让toolbar在View之外的地方显示:我们只需要在...转载 2018-12-07 17:59:43 · 1099 阅读 · 0 评论