Image processing in Angular 6

Question

I'm new to AngularJS and I am using angular 6 for web application in that I want to apply some image processing effect on the image like Blur, crop, tagin on the image, Brightness etc.

Is it possible in angular 6?

Can someone guide me which steps need to follow?

Thanks for Help...

Ok, thanks I will read it first then let you know if I have any quires. — Pramod, Jul 10 '18 at 08:19

score 2 · Accepted Answer · answered Jul 10 '18 at 08:24

2

You can use :

The "JavaScript Image Manipulation Program" :-)

jimp

An image processing library for Node written entirely in JavaScript, with zero external or native dependencies.

Installation: npm install --save jimp

answered Jul 10 '18 at 08:24

Akj

7,038
3
28
40

2

Angular + Jimp is it possible? – Jek Nov 20 '18 at 04:22

score 0 · Answer 2 · answered Jul 20 '18 at 20:59

You can use a canvas tag to render your images and apply some image processing using the openCV.js library. https://docs.opencv.org/3.4/d5/d10/tutorial_js_root.html

More over you will have to look for the best practice to include and call javascript files in angular 6. How to include external js file in Angular 4 and call function from angular to js

Image processing in Angular 6

2 Answers2