# HTML Overlay for OpenSeadragon
An OpenSeadragon plugin that adds scaling HTML overlay capability. This is different from OpenSeadragon's [built-in overlay functionality](http://openseadragon.github.io/examples/ui-overlays/); while those overlays update their location as the user zooms and pans, they don't scale their contents to match the zoom of the OSD viewer. Possible uses for this include overlaying video or animated GIF elements to have them properly scale while playing.
Compatible with OpenSeadragon 2.0.0 or greater.
## Documentation
To use, include the `openseadragon-html-overlay.js` file after `openseadragon.js` on your web page.
To add HTML overlay capability to your OpenSeadragon Viewer, call `htmlOverlay()` on it. This will return a new object with the following methods:
* `element()`: Returns the overlay's parent HTML element that you should add all of your HTML elements to. As the user zooms and pans, the parent element will transform to match. Add your elements according to the OpenSeadragon Viewport coordinate system.
* `onClick(element, handler)`: If you want to accept click events on a child element, use this method. It takes care of making sure the click isn't also handled by the Viewer. The handler you provide is called when the click occurs and given a single argument, an [OpenSeadragon.MouseTracker click event](http://openseadragon.github.io/docs/OpenSeadragon.MouseTracker.html#clickHandler).
See demo.html for an example of it in use. You can see it in action at http://openseadragon.github.io/html-overlay/demo.html.
没有合适的资源?快使用搜索试试~ 我知道了~
html-overlay-master组件,包含覆盖功能
共9个文件
txt:2个
gitignore:1个
md:1个
需积分: 5 0 下载量 166 浏览量
2021-11-30
11:44:32
上传
评论
收藏 124KB ZIP 举报
温馨提示
html-overlay-master组件,包含覆盖功能
资源详情
资源评论
资源推荐
收起资源包目录
组件覆盖html-overlay-master.zip (9个子文件)
组件覆盖html-overlay-master
.gitignore 0B
README.md 2KB
demo.html 3KB
changelog.txt 98B
package.json 746B
openseadragonlogo-transparent.png 114KB
openseadragon-html-overlay.js 3KB
LICENSE.txt 1KB
.editorconfig 219B
共 9 条
- 1
_Victor
- 粉丝: 3
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 111111111111111111
- Screenshot_2024-04-30-21-47-24-26.jpg
- Cpp1.cpp1111111111
- 利用ERP流程操作的整个订单流程.ppt
- 最新二开版本源码博客论坛源码,UI很漂亮,可切换皮肤界面.rar
- ModStartBlog现代化个人博客系统 v5.2.0源码.rar
- 带posix库的mingw编译器
- SoraAI是一款功能强大的AI助手,由OpenAI开发,以其出色的语音识别技术、广泛的知识库和高度的人工智能特性而备受瞩目
- Thinkphp开发大气响应式个人博客青春博客网站源码.rar
- 最新PHP博客网站程序源码 ThinkPHP.rar
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0