Как изменить первую позицию просмотра

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>  

Использовать "Класс: Rect / Класс: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);