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.