Browse Source

FIX: css annotorious deps

master
valere 5 months ago
parent
commit
235fcc1d06
2 changed files with 10 additions and 11 deletions
  1. +8
    -8
      components/annotorious.vue
  2. +2
    -3
      components/openseadragon.vue

+ 8
- 8
components/annotorious.vue View File

@@ -13,24 +13,24 @@
</template> </template>


<script> <script>
import { Annotorious } from '@recogito/annotorious'
import SelectorPack from '@recogito/annotorious-selector-pack'
import BetterPolygon from '@recogito/annotorious-better-polygon'
import '@recogito/annotorious/dist/annotorious.min.css'
import { Annotorious } from '@annotorious/openseadragon'
import SelectorPack from '@annotorious/selector-pack'
import BetterPolygon from '@annotorious/better-polygon'
import '@annotorious/dist/annotorious.min.css'


export default { export default {
data () {
data() {
return { return {
anno: null, anno: null,
tools: ['rect', 'polygon', 'point', 'circle', 'ellipse', 'freehand'] tools: ['rect', 'polygon', 'point', 'circle', 'ellipse', 'freehand']
} }
}, },


mounted () {
mounted() {
this.initAnno() this.initAnno()
}, },
methods: { methods: {
initAnno () {
initAnno() {
this.anno = new Annotorious({ this.anno = new Annotorious({
image: document.getElementById('annotorious'), image: document.getElementById('annotorious'),
widgets: ['COMMENT'] widgets: ['COMMENT']
@@ -70,7 +70,7 @@ export default {
console.log('Clicked annotation', annotation) console.log('Clicked annotation', annotation)
}) })
}, },
getAnotations () {
getAnotations() {
const annotations = this.anno.getAnnotations() const annotations = this.anno.getAnnotations()
console.log(annotations) console.log(annotations)
} }


+ 2
- 3
components/openseadragon.vue View File

@@ -9,9 +9,8 @@
// vips dzsave --layout iiif --id /vignemale/dz vignemale.png dz // vips dzsave --layout iiif --id /vignemale/dz vignemale.png dz


import iiifConfig from './public/deepzoom/vignemale/dz/info.json' import iiifConfig from './public/deepzoom/vignemale/dz/info.json'
import * as Annotorious from '@recogito/annotorious-openseadragon'
import '@recogito/annotorious-openseadragon/dist/annotorious.min.css';

import * as Annotorious from '@annotorious/openseadragon'
// import '@annotorious/openseadragon/dist/annotorious-openseadragon.css'


const openSeadragonElt = ref() const openSeadragonElt = ref()




Loading…
Cancel
Save