search

alanaberdeen / AIDA

Annotation of Image Data by Assignment.
https://alanaberdeen.github.io/AIDA
MIT License
56 stars 15 forks source link

How to implement the function of annotating images #3

Closed djshu closed 5 years ago

djshu commented 6 years ago

Hello, after look through nearly 20 image annotation tools, I find your tool is the best! Especially your tool can draw curve easily, that's to say, we can annotate images by sylus! I clone your code and follow your instructions in issue#1, type npm run buildto build the project, then I run the commands below to check the project

sudo npm install -g serve serve -s dist but I got the pages

2018-07-27 18-46-07

In fact, I want to get the project like your demo:

2018-07-27 19-17-36

So how can I get the project run as your demo and annotate my own images? Can you give me some help? Thank you very much!

alanaberdeen commented 6 years ago

Hi @djshu,

Glad to hear you like to the tool!

If I understand correctly you want to serve the editor interface by default? The page routes are defined in src/router/index.js, you'd be after the first entry in the list of routes. Change the component attribute for the path '/' to Editor. See below: 

 {
    path: '/',
    name: 'Landing',
    component: Editor
  }

Additionally, the editor instance can be pre-defined by a JSON. See some documentation here. Point the interface to your JSON via setting the endpoint variable in the loadProject() function, src/store/modules/common/index.js.

This is a little clunky at the moment. I'd love to spend some time to make it easier for people to get going and it's definitely in the pipeline but just don't have the space just now.

Let me know if you have any feedback

djshu commented 6 years ago

Wow, thank you! I got the demo I want. But how to open an image to annotate? I try to load an image like this, but nothing loaded. The feature I need is that I open a directory that contains many images, then I annotate images one by one, and save annotation for each image. Can you give me some tips to achieve it? 2018-08-02 11-37-32

anupamme commented 6 years ago

Hello, I also have similar question where I want to upload a DICOM image however I am not able to upload any image. So my question is in addition to how to upload, is can we upload a DICOM image directly?

alanaberdeen commented 5 years ago

Hi all,

Sorry to be slow on this. Haven't been on track of any Github notifications for a while and just came across these.

The online demo still needs a significant amount of work to fully function in the way you describe. If you are just annotating for yourself then it might be useful to run the application locally. This would enable you to easily include your own images.

See the README for details on this.

Again, sorry to be slow and miss these issues. Hope it helps!

alanaberdeen commented 5 years ago

@anupamme Specifically on the topic of DICOM.

The application won't be able to load the DICOM images directly. I recommend using a combination of openslide and libvips to convert your DICOM images to Deep Zoom. This will enable openseadragon, the image library in AIDA, to read the image files.