OpenSeadragon 键盘导航 学习记录（五）

摘要： 键盘导航 查看器支持键盘操作，要通过键盘进行交互，必须将焦点放在查看器上。在本例中，焦点设置为使用document.getElementById('contentDiv').querySelector('.openseadragon-canvas').focus(); 您可以使用以下键进行导航： [ 阅读全文
posted @ 2021-11-04 13:41 小糖堆儿笔记 阅读(135) 评论(0) 推荐(0)

OpenSeadragon 自定义工具栏 学习记录（四）

摘要： 自定义工具栏 官网示例：http://openseadragon.github.io/examples/ui-toolbar/ 尽管OpenSeadragon提供了覆盖在视口上的默认按钮，但在许多情况下，演示可能需要更传统的工具栏。OpenSeadragon允许您轻松地将控件停靠在页面上的任何元素中 阅读全文
posted @ 2021-11-04 13:20 小糖堆儿笔记 阅读(242) 评论(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 小糖堆儿笔记 阅读(182) 评论(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 小糖堆儿笔记 阅读(307) 评论(0) 推荐(0)