你的位置:首页 > 软件开发 > Java > 学习OpenSeadragon之三 (覆盖层Overlayer的使用)

学习OpenSeadragon之三 (覆盖层Overlayer的使用)

发布时间:2015-04-01 16:00:26
Overlayer(覆盖层)是一个很重要的机制,它可以在可缩放图片上显示额外的信息。1.简单应用以下是我做出的一个小例子:看这小老鼠头部的红色框内的部分就是一个分离出来的overlay。介绍一下overlays:这是一个对象数组,定义了显示框viewer中固定的overlays层 ...

学习OpenSeadragon之三 (覆盖层Overlayer的使用)

Overlayer(覆盖层)是一个很重要的机制,它可以在可缩放图片上显示额外的信息。

1.简单应用

以下是我做出的一个小例子:

学习OpenSeadragon之三 (覆盖层Overlayer的使用)

看这小老鼠头部的红色框内的部分就是一个分离出来的overlay。

介绍一下overlays:这是一个对象数组,定义了显示框viewer中固定的overlays层。overlays层通过这个选项来添加,之后这个块就从OpenSeadragon中去除了。

既然是数组,当然我们就可以定义很多个overlay。

下面结合这个Demo的核心代码来讲解:

 1 var openSeadragon = new OpenSeadragon({ 2    ... 3     //定义覆盖层overlays 4     overlays: [{  5         id : "overlays-div",  //设置overlay的id 6         x:0.6,         //起始位置x 7         y:0.16,        //起始位置y 8         width:0.1,       //设置宽度 9         height:0.08,      //设置高度10         className:"highlight", //设置overlay的类名11         }],12   },13   ...14 });

原标题:学习OpenSeadragon之三 (覆盖层Overlayer的使用)

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录