|
|
@@ -13,24 +13,24 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<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 { |
|
|
|
data () { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
anno: null, |
|
|
|
tools: ['rect', 'polygon', 'point', 'circle', 'ellipse', 'freehand'] |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
mounted () { |
|
|
|
mounted() { |
|
|
|
this.initAnno() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
initAnno () { |
|
|
|
initAnno() { |
|
|
|
this.anno = new Annotorious({ |
|
|
|
image: document.getElementById('annotorious'), |
|
|
|
widgets: ['COMMENT'] |
|
|
@@ -70,7 +70,7 @@ export default { |
|
|
|
console.log('Clicked annotation', annotation) |
|
|
|
}) |
|
|
|
}, |
|
|
|
getAnotations () { |
|
|
|
getAnotations() { |
|
|
|
const annotations = this.anno.getAnnotations() |
|
|
|
console.log(annotations) |
|
|
|
} |
|
|
|