Overlayer(覆盖层)是一个很重要的机制,它可以在可缩放图片上显示额外的信息。1.简单应用以下是我做出的一个小例子:看这小老鼠头部的红色框内的部分就是一个分离出来的overlay。介绍一下overlays:这是一个对象数组,定义了显示框viewer中固定的overlays层 ...
Overlayer(覆盖层)是一个很重要的机制,它可以在可缩放图片上显示额外的信息。
1.简单应用
以下是我做出的一个小例子:
看这小老鼠头部的红色框内的部分就是一个分离出来的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
(#换成@)。