OpenSeadragon介绍以及上手:学习OpenSeadragon之一 OpenSeadragon主要用于地图、医学图像等需要放大缩小分层显示的图像显示。 1.简单例子 导航视图就是在一个小框中显示整个地图的全貌,点击小框中的相应位置,整个图片显示的焦点就能定位到点击的相应位置,就像 ...
OpenSeadragon是一个可以显示多层图片 可放大缩小 的Web库,基于JavaScript,支持桌面和手机。 由于我项目需要,却没有找到任何中文教程,因此在官网上一边学习,一边总结于此。 官网是http: openseadragon.github.io ,在官网首页可以看到Demo,一个可以将图片放大缩小拖动的视图框。 以下是第一个例子: .库文件下载 首先进入官网,点击右上角的下载图标下 ...
2015-03-24 12:08 8 3455 推荐指数:
OpenSeadragon介绍以及上手:学习OpenSeadragon之一 OpenSeadragon主要用于地图、医学图像等需要放大缩小分层显示的图像显示。 1.简单例子 导航视图就是在一个小框中显示整个地图的全貌,点击小框中的相应位置,整个图片显示的焦点就能定位到点击的相应位置,就像 ...
openseadragon.js 是一款用来做图像缩放的插件,它可以用来做图片展示,做展示的插件很多,也很优秀,但大多数都解决不了图片尺寸过大的问题。 艺术品图像展示就是最简单的例子,展示此类图片一般要求比较精细,所以图片尺寸很大,如果按照普通的方式直接将整个图片加载,要耗费 ...
<html><head> <meta charset="utf-8"> <title>缩略图</title> <style type= ...
目标 1. 在浏览器地址栏输入“http://demos/start”,进入欢迎页面,页面有一个文件上传表单; 2. 选择一张图片并提交表单,文件被上传到"http://demos/uploads"上传完成把该图片显示在页面上。 功能模块分解 1. 需要提供欢迎页,所以需要一个http ...
index.js server.js requestHandlers.js router.js result: 知识点: 其中用到了fs模块的readFile读取文件,它有同步和异步两个版本。node.js中 ...
大家好!过完年回来到现在差不多一个月没写文章了,一是觉得不知道写哪些方面的文章,没有好的题材来写,二是因为自己的一些私事给耽误了,所以过完年的第一篇文章到现在才发表出来,2014年我还是会继续在CSDN上面更新我的博客,欢迎大家关注一下,今天这篇文章主要的是介绍下开源库 ...
Overlayer(覆盖层)是一个很重要的机制,它可以在可缩放图片上显示额外的信息。 1.简单应用 以下是我做出的一个小例子: 看这小老鼠头部的红色框内的部分就是一个分离出来的overlay。 介绍一下overlays:这是一个对象数组,定义了显示框viewer中固定的overlays ...
<!DOCTYPE html> <html lang="en"> <head> <meta ch ...