https://github.com/diewland/annotorious-color-marker-plugin

Draw annotorious in color
https://github.com/diewland/annotorious-color-marker-plugin

annotations annotorious

Last synced: about 1 year ago
JSON representation

Draw annotorious in color

• Host: GitHub
• URL: https://github.com/diewland/annotorious-color-marker-plugin
• Owner: diewland
• License: mit
• Created: 2017-10-10T09:47:08.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-10-15T05:37:22.000Z (over 8 years ago)
• Last Synced: 2025-04-07T20:21:21.681Z (about 1 year ago)
• Topics: annotations, annotorious
• Language: JavaScript
• Homepage: https://diewland.github.io/annotorious-color-marker-plugin/
• Size: 122 KB
• Stars: 3
• Watchers: 2
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# annotorious-color-marker-plugin

Draw annotorious in color

### Demo

* https://diewland.github.io/annotorious-color-marker-plugin/

### Usage

```js

anno.addPlugin('ColorPlugin', {

  img_id: 'myImage',                        // image id   [require]

  color_list: [                             // color list [require]

    { label: 'positive', color: 'lime' },

    { label: 'negative', color: 'red' },

    { label: 'not-sure', color: 'blue' },

  ],

  controller: true,                         // show color panel (optional)

});

// draw color annotations

anno.addColorAnnotation('red', {

  src : document.querySelector('#myImage').src,

  text: 'Test red color',

  shapes : [{

    type : 'rect',

    units: 'pixel',

    geometry : { x : 100, y: 100, width : 100, height: 100 }

  }]

});

// print annotations group by color

console.log(anno.getColorAnnotations());

```

### References

* https://github.com/annotorious/annotorious