你的位置:首页 > 软件开发 > Java > 学习OpenSeadragon之五(工具条toolbar与自定义按钮)

学习OpenSeadragon之五(工具条toolbar与自定义按钮)

发布时间:2015-04-08 16:00:24
OpenSeadragon简介:学习OpenSeadragon之一(一个显示多层图片的开源JS库)一、工具条toolbar设置OpenSeadragon为我们提供了现成的工具条toolBar,工具条上有按钮,可以默认实现放大、缩小、全屏、返回默认大小等功能,toolBar默认出现 ...

学习OpenSeadragon之五(工具条toolbar与自定义按钮)

OpenSeadragon简介:学习OpenSeadragon之一(一个显示多层图片的开源JS库)

一、工具条toolbar设置

OpenSeadragon为我们提供了现成的工具条toolBar,工具条上有按钮,可以默认实现放大、缩小、全屏、返回默认大小等功能,

toolBar默认出现在View里的左上角,我们也可以通过设置,让toolbar在View之外的地方显示:

学习OpenSeadragon之五(工具条toolbar与自定义按钮)

我们只需要在HTML中创建一个div,并且在创建OpenSeadragon时设置toolbar的值为div的id即可。

 1 ... 2 <div id="toolbarDiv" ></div> 3 ... 4  5 <script type="text/javascript"> 6 OpenSeadragon({ 7     ... 8   toolbar: "toolbarDiv", //设置toolbar的值为所对应的div的id 9     ...10 });11 </script>

原标题:学习OpenSeadragon之五(工具条toolbar与自定义按钮)

关键词:

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

可能感兴趣文章

我的浏览记录