Mirador
組み込みで、ローカルストレージに保存する機能を持っている
構造はこんな感じ
キー:http://localhost:8080/canvas/bikacho_comic_gekan_00.json
キャンバスの@id
値:
code:data.json
[
{
"@type": "oa:Annotation",
"motivation": [
"oa:commenting"
],
"resource": [
{
"@type": "dctypes:Text",
"format": "text/html",
"chars": "<p>お腹痛い</p>"
}
],
"on": [
{
"@type": "oa:SpecificResource",
"selector": {
"@type": "oa:Choice",
"default": {
"@type": "oa:FragmentSelector",
"value": "xywh=417,641,384,214"
},
"item": {
"@type": "oa:SvgSelector",
"value": "<svg xmlns='http://www.w3.org/2000/svg'><path xmlns=\"http://www.w3.org/2000/svg\" d=\"M800.29032,855.22581h-191.80645v0h-191.80645v-107.19355v-107.19355h191.80645h191.80645v107.19355z\" data-paper-data=\"{"strokeWidth":1,"rotation":0,"annotation":null,"nonHoverStrokeColor":"Color",0,0.74902,1,"editable":true}\" id=\"rectangle_9a214ce1-1de2-40fa-920f-136a059d951f\" fill-opacity=\"0.00001\" fill=\"#00bfff\" fill-rule=\"nonzero\" stroke=\"#00bfff\" stroke-width=\"10.90909\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"/></svg>" }
},
"within": {
"@type": "sc:Manifest"
}
}
],
"@id": "b65dcc4e-bc26-41f3-ad36-c3c184e2ad65"
}
]
FragmentSelectorは単位が(パーセントでなく)ピクセル
これはオリジナル画像の上でのピクセルなのかな?
SvgSelectorはこう
code:svgselector.svg
<path xmlns="http://www.w3.org/2000/svg" d="M800.29032,855.22581h-191.80645v0h-191.80645v-107.19355v-107.19355h191.80645h191.80645v107.19355z" data-paper-data="{"strokeWidth":1,"rotation":0,"annotation":null,"nonHoverStrokeColor":"Color",0,0.74902,1,"editable":true}" id="rectangle_9a214ce1-1de2-40fa-920f-136a059d951f" fill-opacity="0.00001" fill="#00bfff" fill-rule="nonzero" stroke="#00bfff" stroke-width="10.90909" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"/> </svg>
対象はキャンバス
withinがあるからwhole.jsonの文脈で、ということになりそう
つまり別のコレクションやシーケンスで同じキャンバスを参照してもアノテーションとは結び付けられない
その他のリモートサーバーへの保存は、自分でアダプターを書く
サムネイル
v3では「縦200px」になってる