Press "Enter" to skip to content

Angular Module To Draw On Images | Ngx Image Drawing

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

angular draw rectangle on image, ngx image drawing demo, drawing in angular, angular 7 canvas drawing, angular image editor, angular draw image on canvas

A JavaScript Library That Can Create Text Drawing Animations Using Vara.js

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>

Draw On Images for Angular, Ngx Image Drawing Plugin/Github


See Demo And Download

Official Website(GroupeCurious): Click Here

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

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *