kyamagu/bbox-annotator

A bounding box annotation widget written in CoffeeScript.

bbox-annotator's Issues

Detect elements from DOM browser

Hi Kyamagu,

Thank you for making this annotator as its very useful to solve some real world problems.

But my problem is a bit different as I am looking to detect elements on web page and draw bounding boxes around them. For example: there is a form on web page and i want to detect input fields and draw bounding boxes around them.
As I explored your library, it requires the image URL and it only draws on images. Is there anything in this to achieve my requirement ?

Regards,
Ankit Aggarwal

Ability to zoom in

Could you give me some direction as to how I may implement a zooming in/zooming out feature to create more accurate bounding boxes?

Thanks

Resize Image

Hello,

Thanks for your wonderful code! It is very helpful and I am trying to use it for my Mturk survey.
I would like to resize the image and I have tried to change the width of image_element but it seems that instead of resizing, the image will be cropped.
I would be grateful if you could let me know whether it is possible to resize the image by some changes in the code.

Ability to draw on every div

Hi there!
Could You tell me how to implement Your annotator in Angular 7 project?
And is it possible to draw on every div? (doesn't have to be img)
Regards!

Extend to display multiple images on same page

Thank you for this awesome tool. How would you recommend I go about extending this code so I can have 2 images being displayed on every page instead of just one? I understand that I would have a second variable $image_url2, for the other image but what are the other changes needed to make this possible?
Thanks

Make this npm module

It would great if this was an npm module.

Reatain bounding box

Is there any way we can retain the bounding box for that particular image
i.e whenever we open the image we see the bounding boxes drawn previously.
right now annotation data can be saved in db, but drawn rectangles go after refresh

Bounding box annotation for many images

@kyamagu If I have a huge dataset with lots of images to annotate, what changes should be made in the code and where? Could you please direct me to this - I am not quite familiar with writing javascript codes.
Thanks!

Adjustable bounding boxes

Is there a way to make the boxes adjustable so that once a box has been drawn and labeled that it's dimensions can be adjusted without having to start over?

Setting input_method to 'fixed' causes a bug

input_method: 'fixed'
After the reset button is pressed and the clear_all() function is called, the user is no longer able to draw boxes.

Multiple images in one MTurk HIT?

This is a dumb question, because I don't know javascript.

I've been using your Mturk html example for awhile. But I'd like to have multiple distinct images on a single HIT or screen, so that a worker can annotate, say, 5 images.

Which portion of the script would I need to repeat to display multiple images and allow an annotation on each? Thanks in advance!

implement crosshair covering full image

Hi,

thanks for the nice tool, am planning to use it for our image annotation on Mturk as well. However, there is a small challenge I could not yet solve...

For our images, we would like to use a crosshair that extends over the whole image, such as https://codepen.io/anon/pen/LXZjwX, https://gist.github.com/salembeats/6f9aeb3f3438647a0f53715ae2e904bc or http://jsfiddle.net/WmZ44/1/. Reason behind is, is that objects tend to be somewhat large, and this is a great help in properly selecting the starting point of the bounding box.

However, tried to implement the latter link today, as being the most simple, and kinda equivalent to the former. After struggling for hours also understood some more of Javascript and Jqueri, the code seems fine and correct to my understanding, but the system does not work within the mTurk sandbox.

could you provide some clarification here? for referencing, the version of the code I created/used today is attached:
annotatescript.txt

your help / support is kindly appreciated!

ps: to add on this, //test3c seems to me the location where the relevant javascript code should be added...

How to show and delete annotations?

First at all, thank you very much for your work.
I would like juste to show and remove an existing annotation for an image.

Thank you

Make it work on mobile devices

Hi.

I have used this on desktop and it works well. However, I could not get it to work on a mobile device: touch events are fired instead and it does not work.

Is it possible to show bounding boxes stored in a JSON file?

I am wondering if it is possible to show bounding boxes on the image that are stored in a JSON file.