OpenSeadragon臭名昭著
OpenSeadragon臭名昭著
提问于 2020-10-19 23:31:14
所以我一直在尝试在我的网站上使用OpenSeadragon的annotorius插件，但是由于某些原因，这个插件甚至不能加载。我认为目录部分是没有问题的。
下面是我的代码：
</head>
<body>
<div id="openseadragon1" style="width: 1000px; height: 600px;"></div>
<div id="example-overlay" style = "width: 1000px; height: 600px" ></div>
<script src="openseadragon-bin-2.4.2/openseadragon-bin-2.4.2/openseadragon.min.js"></script>
<script src="openseadragon-annotorious.min.js"></script>
<script type="text/javascript">
console.log(5+6);
window.onload = function(){
var viewer = OpenSeadragon({
id: "openseadragon1",
prefixUrl: "openseadragon-bin-2.4.2/openseadragon-bin-2.4.2/images/",
navigatorSizeRatio: 0.25,
wrapHorizontal: true,
tileSources: {
height: 512*256,
width: 512*256,
tileSize: 256,
minLevel: 8,
getTileUrl: function( level, x, y ){
return "http://s3.amazonaws.com/com.modestmaps.bluemarble/" +
(level-8) + "-r" + y + "-c" + x + ".jpg";
}
}
});
// Initialize the Annotorious plugin
var anno = OpenSeadragon.Annotorious(viewer);
// Load annotations in W3C WebAnnotation format
anno.loadAnnotations('annotations.w3c.json');
// Attach handlers to listen to events
anno.on('createAnnotation', function(a) {
// Do something
console.log('Created!');
});
}
</script>
</body>回答 1
Stack Overflow用户
发布于 2020-11-10 22:10:41
很抱歉将此作为“答案”发布，但我没有名誉点来发表评论。
你的代码看起来完全没问题。OpenSeadragon图像加载是否正常？如果是这样，您应该能够通过按住SHIFT键并单击并使用鼠标拖动来开始注释。
JS控制台会说些什么吗？您是否可以确认Annotorious插件脚本已正确加载？(例如，将console.log(anno)放在init行后面？)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64430509
复制相关文章
相似问题
腾讯云开发者
