简介
openseadragonselection 是一个 JavaScript 库，用于在 OpenSeadragon 基础之上实现图像区域选择的功能。通过该库，我们可以使用 OpenSeadragon 高清图像查看器来选择并标记特定区域。
安装
使用 npm 安装 openseadragonselection：
--- ------- ----------------------
注册
请确保在使用 openseadragonselection 之前，您已经在页面中加载了 OpenSeadragon 库。在页面中注册 openseadragonselection：
------- -------------------------------- ------- -----------------------------------------
使用
创建 OpenSeadragon 对象
创建 OpenSeadragon 对象并渲染图像：
--- ------ - --------------- --- --------- ---------- ---------- ------------ -------------------- ---
创建选择框
使用 openseadragonselection 创建选择框：
--- ------------- - --- ------------------------------------ --- --------- - --- --------------------------------------------- ---------------
监听选择事件
可以监听 selection 选择事件，以获取选择矩形边界：
------------------------------ ---------- - --- ------ - -------------------------- ---------------------- --------- --------- ------------- --------------- ---
注销
如果要注销 openseadragonselection，可以使用以下代码：
----------------------------------
示例代码
--------- -----
----- ----------
------
----- ----------------
----------------------------- ------------
------- ------------------------------------
------- ---------------------------------------------
-------
---- -
------- --
-------- --
-
------- -
------ -----
------- ---------- - ------
-
--------
-------
------
---- ------------------
--------
--- ------ - ---------------
--- ---------
---------- ----------
------------ -------------
---
--- ------------- - --- ------------------------------------
--- --------- - --- --------------------------------------------- ---------------
------------------------------ ---------- -
--- ------ - --------------------------
---------------------- --------- --------- ------------- ---------------
---
---------
-------
-------总结
借助 openseadragonselection 库，我们可以在 OpenSeadragon 基础之上扩展出图像区域选择的功能。该库使用简单，且功能强大。希望该教程对您有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005629781e8991b448dfc52