How to build an Image Cropper Control in Angular with Material and ngx-image-cropper

Опубликовано: 31 Август 2023
на канале: Zoaib Khan

5,116

Grab my new course 'Angular Firebase Authentication: Create Full Sign up App' with 50% off here:
https://www.udemy.com/course/angular-... #Angular #Image #Cropper

In this tutorial, we'll build up an image cropper control in Angular, allowing your users to crop their photos before uploading to your server!

The complete code for this tutorial can be found at this following github repository:
https://github.com/thisiszoaib/angula...

Follow me on:
Twitter -   / zoaibdev
Facebook -   / thisiszoaib
LinkedIn -   / zoaib-khan-b6456815

00:00 Introduction
01:15 Setting up the Angular project
02:30 Creating the image control component
04:20 Styling the image control component
05:40 Adding image selection
07:20 Creating the cropper dialog component
10:30 Handling cropping results
13:40 Displaying cropped image
15:50 Resizing cropped image
17:40 Emitting cropped image
18:20 Conclusion

Cheers :) Grab my new course 'Angular Firebase Authentication: Create Full Sign up App' with 50% off here:
https://www.udemy.com/course/angular-...