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