https://github.com/paulcampbell/reactpicturetagger

:sunrise_over_mountains: A react component for tagging images
https://github.com/paulcampbell/reactpicturetagger

r-cnn reactjs

Last synced: 22 days ago
JSON representation

:sunrise_over_mountains: A react component for tagging images

• Host: GitHub
• URL: https://github.com/paulcampbell/reactpicturetagger
• Owner: PaulCampbell
• Created: 2020-01-09T18:20:31.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T19:55:51.000Z (over 2 years ago)
• Last Synced: 2025-04-03T04:05:39.644Z (2 months ago)
• Topics: r-cnn, reactjs
• Language: JavaScript
• Size: 6.36 MB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 22
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# ReactPictureTagger

It's a react component for tagging pictures...

![example screen grab](./demo_gif.gif "Screen Grab")

Could be useful for your data if you're doing something with an r-cnn.

## Try it out

https://paulcampbell.github.io/ReactPictureTagger/

## How to use it

You can check the [example](https://github.com/PaulCampbell/ReactPictureTagger/blob/master/examples/src/index.js).

Basically something like this:

```

import ReactPictureTagger from '../../src'

const App = () => {

  const picture = {

    imageSrc: './images/muppets.png',

    imgAlt: 'Image 1',

    tags: [

      { top: 128, left: 5, width: 180, height: 190, name: 'Rizzo' },

    ]

  }

  function tagsUpdated(newTags) {

    console.log(newTags)

  }

  return (

    

  )

}

```