romaine

romaine

React OpenCV Manipulation and Image Narration / Editing

Example

See romaine-components

Under Construction

This package is very much a work in progress with new minor versions (with potentially breaking changes with every update).

Versioning

Currently minor changes will be breaking until a stable 1.0.0 release. Semantic versioning will be used post stable release.

Quick Features

• Image Cropping
• Perspective Cropping
• Image Rotation
• Image Quality
• More coming soon...

Romaine Input Props

Parameter	Type	Description	Default	Context Alternative
angle	number	Turn angle for rotation tool	90	setAngle(90)

Note:

Changing props triggers the Context Alternative, which can cause an un-needed render of some components. To avoid this you can use the context alternative yourself.

todo

Meta

• Create a minified production build
• Create a code sandbox demo
• Basic use case (completed, see romaine-components)
• History
  • Reinitialize (completed)
  • Undo (completed)
  • Redo
• Layers

OpenCV Implementations

• Cropping
  • Perspective (completed)
  • Regular
    • Crop the image (completed)
    • Lock aspect ratio
    • Basic border recognition (completed)
• Filters
  • Grey scale
  • Brightness
  • Hue
  • Retro
  • Pop-art
• Rotation
  • Allow for image roration (currently working with 90 degree increments)
  • Change angle of rotation
    • Update Function from useRomaine (completed)
    • Prop for Romaine (completed) <Romaine angle={90}>
• Zooming
  • Zoom in and out of the image (creating transparent padding around the image)

Usability

• Make cropper be able to be moved via drag

Upcoming Breaking Changes

Special Thanks

@Giacomocerquone publisher of react-perspective-cropper (MIT)

@opencv creaters of computer vision software this package relies on (3-clause BSD)