如何更改第一个视图位置

Question

我使用 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

如何使用这些类？

Answer 1

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

var box = new OpenSeadragon.Rect(0.25, 0.25, 0.5, 0.5);
viewer.viewport.fitBounds(box, true);