如何更改第一視圖位置

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> 

使用"類：矩形/類別：DisplayRect "或其他類？

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

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

如何使用這些類？

Answer 1

最好的辦法是找出你想要的位置，如視口座標中的矩形（其中0是圖像的左側，1是右側）。例如（在你寫的「open」處理程序裏面）：

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