<!--
* @Author: your name
* @Date: 2019-12-04 18:46:46
* @LastEditTime: 2020-02-05 17:35:45
* @LastEditors: your name
* @Description: In User Settings Edit
* @FilePath: \openseadragon\index.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>openseadragon测试代码</title>
<link rel="stylesheet" href="./main.css">
</head>
<body>
<div id="openseadragon1" style="width: 100%; height: 100%;position: absolute">
</div>
<div id="tool">
<!-- 图形过滤组 -->
<div id="gamma" style="width:400px;"></div>
<div id="contrast" style="width:400px;"></div>
<div id="saturation" style="width:400px;"></div>
<div id="convolution" style="width:400px;"></div>
<div id="red" style="width:400px;"></div>
<div id="green" style="width:400px;"></div>
<div id="blue" style="width:400px;"></div>
<!-- 绘图组 -->
<div id="draw">
<button class="btn" data-type="mouse">鼠标</button>
<button class="btn" data-type="circle">圆形</button>
<button class="btn" data-type="rect">矩形</button>
<button class="btn" data-type="line">直线</button>
<button class="btn" data-type="text">添加/修改文字</button>
<button class="btn" data-type="drag">拖动</button>
<button class="btn" data-type="export">导出数据</button>
</div>
</div>
<!-- 载入自己封装的滑块模块 -->
<script src="./js/sildes.js"></script>
<!--//主js-->
<script src="./js/openseadragon.js"></script>
<!--//绘图插件-->
<script src="./js/paper-full.js"></script>
<!--//绘图插件与主js的中间件-->
<script src="./js/openseadragon-paperjs-overlay.js"></script>
<!--//颜色插件-->
<script src="./js/newcaman.js"></script>
<!-- <script src="./js/caman.js"></script> -->
<!--//颜色插件与主js的中间件-->
<script src="./js/openseadragon-filtering.js"></script>
<!--//主逻辑 -->
<script src="./main.js"></script>
</body>
</html>
openseadragon标注圆形、矩形、直线、文字【完整demo】.zip
版权申诉
171 浏览量
2023-11-03
11:59:44
上传
评论
收藏 4.42MB ZIP 举报
openseadragon标注圆形、矩形、直线、文字【完整demo】.zip （315个子文件） 
main.css 1KB
index.html 2KB
3_2.jpg 31KB 2_2.jpg 30KB 6_5.jpg 30KB 5_5.jpg 29KB 6_4.jpg 29KB 1_2.jpg 28KB 0_2.jpg 27KB 0_5.jpg 26KB 3_5.jpg 26KB 4_5.jpg 26KB 12_10.jpg 25KB 11_10.jpg 25KB 1_0.jpg 25KB 5_4.jpg 24KB 2_5.jpg 24KB 7_4.jpg 24KB 1_5.jpg 24KB 12_9.jpg 24KB 3_4.jpg 24KB 1_1.jpg 24KB 0_0.jpg 23KB 10_10.jpg 23KB 11_9.jpg 23KB 0_0.jpg 23KB 4_4.jpg 23KB 2_4.jpg 22KB 13_10.jpg 22KB 0_10.jpg 22KB 1_10.jpg 22KB 0_4.jpg 22KB 2_1.jpg 22KB 7_5.jpg 22KB 1_4.jpg 22KB 13_8.jpg 21KB 0_1.jpg 21KB 7_10.jpg 21KB 6_10.jpg 21KB 2_0.jpg 21KB 14_9.jpg 21KB 14_10.jpg 21KB 5_3.jpg 20KB 2_10.jpg 20KB 8_10.jpg 20KB 3_1.jpg 20KB 12_11.jpg 20KB 2_3.jpg 20KB 6_9.jpg 20KB 13_11.jpg 20KB 14_8.jpg 20KB 10_9.jpg 20KB 6_3.jpg 19KB 7_9.jpg 19KB 12_8.jpg 19KB 3_10.jpg 19KB 11_11.jpg 19KB 3_3.jpg 19KB 13_9.jpg 19KB 0_3.jpg 19KB 9_10.jpg 19KB 5_1.jpg 19KB 4_10.jpg 19KB 5_10.jpg 19KB 2_2.jpg 19KB 0_9.jpg 19KB 8_9.jpg 18KB 4_1.jpg 18KB 8_11.jpg 18KB 1_3.jpg 18KB 9_11.jpg 18KB 5_9.jpg 18KB 6_1.jpg 18KB 4_0.jpg 18KB 4_3.jpg 18KB 10_11.jpg 18KB 4_11.jpg 18KB 3_8.jpg 18KB 3_2.jpg 17KB 5_11.jpg 17KB 1_9.jpg 17KB 9_9.jpg 17KB 3_0.jpg 17KB 14_11.jpg 17KB 6_11.jpg 17KB 8_8.jpg 17KB 5_2.jpg 17KB 4_8.jpg 17KB 7_11.jpg 17KB 7_3.jpg 17KB 5_8.jpg 17KB 2_9.jpg 17KB 4_2.jpg 17KB 0_11.jpg 17KB 1_11.jpg 16KB 15_9.jpg 16KB 3_11.jpg 16KB 6_8.jpg 16KB 1_1.jpg 16KB 4_9.jpg 16KB共 315 条
- 1
- 2
- 3
- 4
资源评论
