openseadragon裁剪出非常宽的图像吗?

问题描述

我有以下简单的代码来显示一系列svgs:

<!DOCTYPE html>
<html>
<body>
<div id="openseadragon1" style="width: 1500px; height: 1000px;"></div>
<script src="openseadragon.min.js"></script>
<script type="text/javascript">
    var viewer = OpenSeadragon({
        id: "openseadragon1",prefixUrl: "./images/",tileSources: [
        {type: 'image',url: "./img/pc_000.svg",buildPyramid: false},{type: 'image',url: "./img/pc_001.svg",url: "./img/pc_002.svg",],sequenceMode: true,preserveViewport: true,});
</script>
</body>
</html> 

svg尺寸为332ptx20000pt(短,但非常宽)。显示图像时,它们是水平裁剪的(大约为12000pt),但是当我直接在浏览器中加载图像时,浏览器(Chrome,Edge)会完整显示它们。

有没有办法显示这些未在openseadragon中裁剪的宽图像?

Sample image and code

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)