javascript - 如何更改第一视 Angular 位置

我使用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”还是其他Classs？

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

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

如何使用这些类？

最佳答案

最好的选择是找出要显示的位置，以视口坐标中的矩形表示（其中0是图像的左侧，而1是右侧）。例如（在您编写的“打开”处理程序中）：

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