mirador 3 - 跳转到页面/设置页面/设置canvas

Question

如何通过配置或方法调用在特定页面加载Mirador3？

在不知道来自 iiif 清单的 canvas@id 的情况下加载第 3 页的查看器会很棒。清单定义了顺序——跳转到页面应该很容易。（或不？）

我在源代码中找到了 setCanvas。还发现了这个 plugin（但我认为这是 Mirador 2 的）。

唯一能在 atm 上运行的东西是显而易见的属性 startCanvas

https://iiif.io/api/presentation/2.0/#linking-properties 但我想缓存我的清单。

Answer 1

Mirador 3 提供了一些API 供您使用来完成此操作。您可以使用给定的 canvasIndex 初始化 window 或将 canvas 设置为已知的 canvasId.

您可以使用 canvasIndex 属性初始化 window 以从特定索引开始。

var miradorInstance = Mirador.viewer({
  id: 'mirador',
  windows: [{
    id: 'known-window-id',
    canvasIndex: 3
    loadedManifest: 'https://iiif.harvardartmuseums.org/manifests/object/299843',
  }],
});

如果您知道 canvasId

var miradorInstance = Mirador.viewer({
  id: 'mirador',
  windows: [{
    id: 'known-window-id',
    loadedManifest: 'https://iiif.harvardartmuseums.org/manifests/object/299843',
  }],
});
// We create the action first. Note we are using a specified `windowId` here. This could be accessed from the store instead of specifying upfront.
var action = Mirador.actions.setCanvas('known-window-id', 'https://iiif.harvardartmuseums.org/manifests/object/299843/canvas/canvas-43182083')
// Now we can dispatch it.
miradorInstance.store.dispatch(action);

见https://github.com/ProjectMirador/mirador/wiki/M3---Mirador-3-Frequently-Asked-Questions#q-how-do-i-programmatically-set-the-canvas

如果您事先不知道 canvasId，选项 1 可能最适合您。

mirador 3 - 跳转到页面/设置页面/设置canvas

mirador 3 - jump to page / set page / set canvas

javascript

reactjs

iiif