OpenSeadragon简介:学习OpenSeadragon之一(一个显示多层图片的开源JS库)一、工具条toolbar设置OpenSeadragon为我们提供了现成的工具条toolBar,工具条上有按钮,可以默认实现放大、缩小、全屏、返回默认大小等功能,toolBar默认出现 ...
OpenSeadragon简介:学习OpenSeadragon之一(一个显示多层图片的开源JS库)
一、工具条toolbar设置
OpenSeadragon为我们提供了现成的工具条toolBar,工具条上有按钮,可以默认实现放大、缩小、全屏、返回默认大小等功能,
toolBar默认出现在View里的左上角,我们也可以通过设置,让toolbar在View之外的地方显示:
我们只需要在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
(#换成@)。