11 2021 档案

OpenSeadragon 键盘导航 学习记录(五)
摘要:键盘导航 查看器支持键盘操作,要通过键盘进行交互,必须将焦点放在查看器上。在本例中,焦点设置为使用document.getElementById('contentDiv').querySelector('.openseadragon-canvas').focus(); 您可以使用以下键进行导航: [ 阅读全文

posted @ 2021-11-04 13:41 小糖堆儿笔记 阅读(134) 评论(0) 推荐(0)

OpenSeadragon 自定义工具栏 学习记录(四)
摘要:自定义工具栏 官网示例:http://openseadragon.github.io/examples/ui-toolbar/ 尽管OpenSeadragon提供了覆盖在视口上的默认按钮,但在许多情况下,演示可能需要更传统的工具栏。OpenSeadragon允许您轻松地将控件停靠在页面上的任何元素中 阅读全文

posted @ 2021-11-04 13:20 小糖堆儿笔记 阅读(241) 评论(0) 推荐(0)

OpenSeadragon 旋转 学习记录(三)
摘要:旋转 官方示例: http://openseadragon.github.io/examples/ui-rotation/ OpenSeadragon({ ... // Initial rotation angle degrees: 90, // Show rotation buttons show 阅读全文

posted @ 2021-11-04 11:22 小糖堆儿笔记 阅读(181) 评论(0) 推荐(0)

OpenSeadragon 缩放和平移选项 学习记录(二)
摘要:示例:缩放和平移选项 OpenSeadragon提供了几个选项来限制最小和最大缩放范围以及平移范围。 这些功能通常通过各种选项组合进行控制: panHorizontal(默认值:true) panVertical(默认值:true) constrainDuringPan(默认值:false) wra 阅读全文

posted @ 2021-11-04 11:08 小糖堆儿笔记 阅读(260) 评论(0) 推荐(0)

OpenSeadragon 基础显示图片 学习记录 (一)
摘要:展示一张图片 this.dragonMap = new OpenSeadragon({ id: 'map', // 装载到的容器 prefixUrl: this.prefixUrl, // 工具所需用到图表样式路径 showNavigator: true, // 是否显示导航缩略图 tileSour 阅读全文

posted @ 2021-11-04 10:57 小糖堆儿笔记 阅读(306) 评论(0) 推荐(0)