👌

OpenSeadragonでビューポートが設定した制約を満たすようにzoomToを行う

2023/07/10に公開

OpenSeadragonのzoomToメソッドを使用した後に、viewport.applyConstraints()を呼び出すことで、ビューポートが設定した制約を満たすように調整されます。これは、ズームやパンの操作がビューポートの制約を超えた場合に有用です。

以下にその例を示します:

// `viewer`はOpenSeadragonのインスタンス
const zoomLevel = 2.0;

viewer.viewport.zoomTo(zoomLevel);
viewer.viewport.applyConstraints();

上記のコードでは、まずビューポートのズームレベルを指定した値に設定します。その後、applyConstraintsメソッドを呼び出すことでビューポートがその制約を満たすように調整されます。つまり、もし指定したズームレベルが設定された制約を超えていた場合、ズームレベルはその制約に合うように調整されます。

この方法は、指定したズームレベルや位置が制約を超えていた場合でも、ビューポートが常に有効な状態を維持できるようにするために有用です。

Discussion