翻译:Wu Gang
原文地址:https://iiif.io/api/cookbook/recipe/0202-start-canvas/
专题主页 | 专题列表

用例

在某些情况下,书籍对象将具有大多数用户想要跳过的前页译者注:例如扉页、版权页、目次等部分,例如空白页(或者可能是装订的照片和其他非文本视图或颜色校准图像)。在本专题中,我们演示了使用 start 属性告诉展示客户端在加载资源时跳过初始 Canvas(空白页面),而显示第二个 Canvas(内容开始处)。

实施说明

通过添加客户端在特定 Canvas 上加载 Manfiest 所需的信息,本专题扩展了“ 多个相关图像(书籍等)”。这是通过将 start 属性添加到 Manifest 上,并指定客户端在初始化时应该显示的 Canvas 来完成的。
start 属性的目标必须是具有 id 和 type 属性的 JSON 对象,其中 type 可以是 Canvas 或带有 Selector 的特定资源。在本用例中,目标 type 属性是 Canvas (“type”: “Canvas”)。
有关使用带有 Selector 的特定资源的 start 属性的示例,请参阅“在特定点开始回放 - 基于时间的媒体”。 有关 start 属性的更多信息,请参阅:start属性

示例

这个例子展示了一个书籍对象的带有多个Canvas 的 Manifest。 start 属性指定在第二个 Canvas 上加载 Manifest。 请注意,所有 Canvas 仍显示在查看器中,用户可以使用查看器导航控件导航回第一个 Canvas。
JSON-LD | 在 Mirador 中查看

  1. {
  2. "@context": "http://iiif.io/api/presentation/3/context.json",
  3. "id": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/manifest.json",
  4. "type": "Manifest",
  5. "label": {
  6. "en": [
  7. "Multiple Related Images (Book, etc.)"
  8. ]
  9. },
  10. "start": {
  11. "id": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/canvas/p2",
  12. "type": "Canvas"
  13. },
  14. "items": [
  15. {
  16. "id": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/canvas/p1",
  17. "type": "Canvas",
  18. "label": {
  19. "en": [
  20. "Blank page"
  21. ]
  22. },
  23. "height": 4613,
  24. "width": 3204,
  25. "items": [
  26. {
  27. "id": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/page/p1/1",
  28. "type": "AnnotationPage",
  29. "items": [
  30. {
  31. "id": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/annotation/p0001-image",
  32. "type": "Annotation",
  33. "motivation": "painting",
  34. "body": {
  35. "id": "https://iiif.io/api/image/3.0/example/reference/59d09e6773341f28ea166e9f3c1e674f-gallica_ark_12148_bpt6k1526005v_f18/full/max/0/default.jpg",
  36. "type": "Image",
  37. "format": "image/jpeg",
  38. "height": 4613,
  39. "width": 3204,
  40. "service": [
  41. {
  42. "id": "https://iiif.io/api/image/3.0/example/reference/59d09e6773341f28ea166e9f3c1e674f-gallica_ark_12148_bpt6k1526005v_f18",
  43. "type": "ImageService3",
  44. "profile": "level1"
  45. }
  46. ]
  47. },
  48. "target": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/canvas/p1"
  49. }
  50. ]
  51. }
  52. ]
  53. },
  54. {
  55. "id": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/canvas/p2",
  56. "type": "Canvas",
  57. "label": {
  58. "en": [
  59. "Frontispiece"
  60. ]
  61. },
  62. "width": 3186,
  63. "height": 4612,
  64. "items": [
  65. {
  66. "id": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/page/p2/1",
  67. "type": "AnnotationPage",
  68. "items": [
  69. {
  70. "id": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/annotation/p0002-image",
  71. "type": "Annotation",
  72. "motivation": "painting",
  73. "body": {
  74. "id": "https://iiif.io/api/image/3.0/example/reference/59d09e6773341f28ea166e9f3c1e674f-gallica_ark_12148_bpt6k1526005v_f19/full/max/0/default.jpg",
  75. "type": "Image",
  76. "format": "image/jpeg",
  77. "width": 3186,
  78. "height": 4612,
  79. "service": [
  80. {
  81. "id": "https://iiif.io/api/image/3.0/example/reference/59d09e6773341f28ea166e9f3c1e674f-gallica_ark_12148_bpt6k1526005v_f19",
  82. "type": "ImageService3",
  83. "profile": "level1"
  84. }
  85. ]
  86. },
  87. "target": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/canvas/p2"
  88. }
  89. ]
  90. }
  91. ]
  92. },
  93. {
  94. "id": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/canvas/p3",
  95. "type": "Canvas",
  96. "label": {
  97. "en": [
  98. "Title page"
  99. ]
  100. },
  101. "width": 3204,
  102. "height": 4613,
  103. "items": [
  104. {
  105. "id": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/page/p3/1",
  106. "type": "AnnotationPage",
  107. "items": [
  108. {
  109. "id": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/annotation/p0003-image",
  110. "type": "Annotation",
  111. "motivation": "painting",
  112. "body": {
  113. "id": "https://iiif.io/api/image/3.0/example/reference/59d09e6773341f28ea166e9f3c1e674f-gallica_ark_12148_bpt6k1526005v_f20/full/max/0/default.jpg",
  114. "type": "Image",
  115. "format": "image/jpeg",
  116. "width": 3204,
  117. "height": 4613,
  118. "service": [
  119. {
  120. "id": "https://iiif.io/api/image/3.0/example/reference/59d09e6773341f28ea166e9f3c1e674f-gallica_ark_12148_bpt6k1526005v_f20",
  121. "type": "ImageService3",
  122. "profile": "level1"
  123. }
  124. ]
  125. },
  126. "target": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/canvas/p3"
  127. }
  128. ]
  129. }
  130. ]
  131. },
  132. {
  133. "id": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/canvas/p4",
  134. "type": "Canvas",
  135. "label": {
  136. "en": [
  137. "Blank page"
  138. ]
  139. },
  140. "width": 3174,
  141. "height": 4578,
  142. "items": [
  143. {
  144. "id": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/page/p4/1",
  145. "type": "AnnotationPage",
  146. "items": [
  147. {
  148. "id": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/annotation/p0004-image",
  149. "type": "Annotation",
  150. "motivation": "painting",
  151. "body": {
  152. "id": "https://iiif.io/api/image/3.0/example/reference/59d09e6773341f28ea166e9f3c1e674f-gallica_ark_12148_bpt6k1526005v_f21/full/max/0/default.jpg",
  153. "type": "Image",
  154. "format": "image/jpeg",
  155. "width": 3174,
  156. "height": 4578,
  157. "service": [
  158. {
  159. "id": "https://iiif.io/api/image/3.0/example/reference/59d09e6773341f28ea166e9f3c1e674f-gallica_ark_12148_bpt6k1526005v_f21",
  160. "type": "ImageService3",
  161. "profile": "level1"
  162. }
  163. ]
  164. },
  165. "target": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/canvas/p4"
  166. }
  167. ]
  168. }
  169. ]
  170. },
  171. {
  172. "id": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/canvas/p5",
  173. "type": "Canvas",
  174. "label": {
  175. "en": [
  176. "Bookplate"
  177. ]
  178. },
  179. "width": 3198,
  180. "height": 4632,
  181. "items": [
  182. {
  183. "id": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/page/p5/1",
  184. "type": "AnnotationPage",
  185. "items": [
  186. {
  187. "id": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/annotation/p0005-image",
  188. "type": "Annotation",
  189. "motivation": "painting",
  190. "body": {
  191. "id": "https://iiif.io/api/image/3.0/example/reference/59d09e6773341f28ea166e9f3c1e674f-gallica_ark_12148_bpt6k1526005v_f22/full/max/0/default.jpg",
  192. "type": "Image",
  193. "format": "image/jpeg",
  194. "width": 3198,
  195. "height": 4632,
  196. "service": [
  197. {
  198. "id": "https://iiif.io/api/image/3.0/example/reference/59d09e6773341f28ea166e9f3c1e674f-gallica_ark_12148_bpt6k1526005v_f22",
  199. "type": "ImageService3",
  200. "profile": "level1"
  201. }
  202. ]
  203. },
  204. "target": "https://iiif.io/api/cookbook/recipe/0202-start-canvas/canvas/p5"
  205. }
  206. ]
  207. }
  208. ]
  209. }
  210. ]
  211. }

相关专题