如何更改第一视图位置

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”或其他Classes ?

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

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

如何使用这些 Classes ？

Answer 1

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

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

如何更改第一视图位置

How to change first view position

javascript

openseadragon