2

我使用 OpenSeadragon 1.2.1。

我想显示宽图像（4096 x 2160），并更改第一个视图位置。 

x: 640px;  
y: 320px;  
width: 1024px;  
height:768px;  
crip(320px, 1664px, 1088px, 640px);

HTML 代码

<div id="mycanvas" style="width:1024px;height:768px;"></div>  
<script src="./openseadragon.min.js"></script> 
<script>


    var viewer = OpenSeadragon(
    {
        id: "mycanvas",
        prefixUrl: "./images/",
        tileSources: "./dzc_output_images/datas.xml"
    });

    viewer.addHandler('open', function()
    {
    // I want to change first view position.
    // viewer.???

    // viewer.viewport.applyConstraints();
    }


</script>

使用“Class:Rect / Class:DisplayRect”或其他类？

https://openseadragon.github.io/docs/OpenSeadragon.Rect.html

https://openseadragon.github.io/docs/OpenSeadragon.DisplayRect.html

如何使用这些类？

4

1 回答 1

1

你最好的办法是找出你想要展示的位置，作为视口坐标中的一个矩形（其中 0 是图像的左侧，1 是右侧）。例如（在您编写的“打开”处理程序中）：

var box = new OpenSeadragon.Rect(0.25, 0.25, 0.5, 0.5);
viewer.viewport.fitBounds(box, true);
于 2015-05-15T16:12:12.797 回答