ngx-image-editor is a great editor for Angular 6 based on Angular Material.

canvas image editor javascript, fabric js image editor, image editor github, ngx photo editor stackblitz, angular image editor plugin, filerobot image editor angular

How to make use of it:

Install:

yarn add cropperjs

1. Add cropperjs file paths in your .angular.json

}
       "styles": [
         "node_modules/cropperjs/dist/cropper.css"
       ],
       "scripts": [
         "node_modules/cropperjs/dist/cropper.js"
       ]
}

2. Install ngx-image-editor:

yarn add ngx-image-editor

3. Import the NgxImageEditorModule within your app:

import {NgxImageEditorModule} from "ngx-image-editor";

      @NgModule({
        imports: [
          NgxImageEditorModule
        ]
      })

4. Use within your application:

<ngx-image-editor [config]="yourConfig"></ngx-image-editor>

awesome image editor javascript, ngx-image-editor Plugin/Github, javascript image editor add text, javascript photo editor, open source image editor javascript

See Demo And Download

Official Website(hggeorgiev): Click Here

This superior jQuery/javascript plugin is developed by hggeorgiev. For extra advanced usage, please go to the official website.