Angular Module To Draw On Images | Ngx Image Drawing

angular-ngx-image-drawing

Angular ngx Image Drawing module allows drawing on images and exporting the result using canvas & fabric.js.

Must Read: Angular Components That Monitor Element Size/Position Changes | ngx-size-me

How to make use of it:

Installation:

npm install --save ngx-image-drawing

1. Add ImageDrawingModule to the module imports that will use the drawing module.

import { NgModule } from '@angular/core';
import { ImageDrawingModule } from 'ngx-image-drawing';

@NgModule({
    imports: [
        ...
        ImageDrawingModule
    ],
    declarations: [
        ...
    ],
    exports: [
        ...
    ],
    providers: [
        ...
    ]
})
export class YourModule {
}

2. You can now use an item like that:

<image-drawing
    [src]="imageUrl"
    outputMimeType="'image/jpeg'"
    outputQuality="0.8"
    (save)="save($event)"
    (cancel)="cancel()">
</image-drawing>

See Demo And Download

Official Website(GroupeCurious): Click Here

This superior jQuery/javascript plugin is developed by GroupeCurious. For extra Advanced Usage, please go to the official website.