1.0.33 • Published 9 months ago
img-notate v1.0.33
img-notate — Add annotations to the images on your web apps
img-notate is a JavaScript browser library to enable annotations for the images in your web applications. Add img-notate to your web app and instantly enable users to annotate and mark up images. You can save, share or otherwise process the results.
Installation
npm install img-notate
or
yarn add img-notate
Usage
To add img-notate to your web application follow just 1 easy step:
- Create an instance of
ImgNotate.init
by passing a target image reference & settings to the constructor.
Here's a simple example:
// skip this line if you are importing img-notate into the global space via the script tag
import { ImgNotate } from 'img-notate';
// create an instance of imgNotateInit and pass the target image reference & settings as a parameters
const imgNotateInit = ImgNotate.init(
document.getElementById('myImg'), // image reference
{
targetRoot: document.getElementById('bb-editor-container'), // Parent Element (optional)
hideToolbar: true, // To hide the toolbar (optional)
buttonMappings: [ // Button Mappings (optional but recommended if toolbar is hidden)
{
elementId: 'undoImageLIb', // Button ID
element: document.getElementById('undoImageLIb'), // Button Element (optional if elementId is provided. If both are provided, elementId will be considered (element will be ignored))
action: 'Undo', // Action for button
},
{
elementId: 'redoImageLIb',
action: 'Redo',
},
{
elementId: 'arrowImageLIb',
action: 'ArrowMarker',
},
{
elementId: 'frameImageLIb',
action: 'FrameMarker',
},
{
elementId: 'freeHandImageLIb',
action: 'FreehandMarker',
},
{
elementId: 'textImageLIb',
action: 'TextMarker',
},
],
}
);
1.0.33
9 months ago
1.0.32
10 months ago
1.0.30
1 year ago
1.0.29
1 year ago
1.0.28
1 year ago
1.0.27
1 year ago
1.0.26
1 year ago
1.0.25
1 year ago
1.0.24
1 year ago
1.0.23
1 year ago
1.0.22
1 year ago
1.0.21
1 year ago
1.0.20
1 year ago
1.0.19
1 year ago
1.0.18
1 year ago
1.0.17
1 year ago
1.0.16
1 year ago
1.0.15
1 year ago
1.0.14
1 year ago
1.0.13
1 year ago
1.0.12
1 year ago
1.0.11
1 year ago
1.0.10
1 year ago
1.0.9
1 year ago
1.0.8
1 year ago
1.0.7
1 year ago
1.0.6
1 year ago
1.0.5
1 year ago
1.0.4
1 year ago
1.0.3
1 year ago
1.0.2
1 year ago
1.0.1
1 year ago
1.0.0
1 year ago