Coder Social home page Coder Social logo

minlux / itagger Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.05 MB

"Toolset" to exctract multiple pictures out of one or more "multi-picture-images". E.g. extract (crop and rotate) multiple scanned photos via batch.

Shell 7.65% HTML 92.35%
bash-script javascript scanned fotos multiple images photos extract crop-image rotate-image

itagger's Introduction

Image Tagger

"Toolset" to exctract multiple pictures out of one or more "multi-picture-images". E.g. extract (crop and rotate) multiple scanned photos via batch.

TODOs and Hints

TODO - add description. Works (currently) only in Chrome browser. Requires linux and imagemagick's "convert" tool. *itagger.html and extract must be in the same folder as the images ...

Usage Example

The following image contains several photos, that shall be extracted into single images. Collage

To do that, open itagger.html in Chrome browser. Drag the "multi-photo-image" into the site. Start "tagging" of the photos by clicking each photo:

  • 1st: top-left corner
  • 2nd: top-right corner
  • 3rd: somewhere to the bottom edge of the photo

In the popup dialog, add a name destination name for the image file and click OK. Repeate this step for all photos of the image. When done, drag in the next image and continue selecting photos. Finally, click the download button to download a annotations.csv file (into the folder of your images).

Workflow

To start the extraction batch process got to linux command line and create a folde out (within the image folder):

mkdir out

Then start the extraction process to get the images into the out folder:

./extract annotations.csv

Example Output

Photo1 Photo2 Photo3

Internals: Format of CSV-File

  • Column 1: Source file
  • Column 2: Destination file
  • Column 3: Margin-box, x-coordinate
  • Column 4: Margin-box, y-coordinate
  • Column 5: Margin-box, width
  • Column 6: Margin-box, heigth
  • Column 7: Image-box, Top-left corner, x-coordinate
  • Column 8: Image-box, Top-left corner, y-coordinate
  • Column 9: Image-box, width
  • Column 10: Image-box, height
  • Column 11: Image-box, rotation-angle
  • Column 12: 0 (dummy, for termination)

itagger's People

Contributors

minlux avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.