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

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ย. 2024

ความคิดเห็น • 18

  • @steve-o2198
    @steve-o2198 ปีที่แล้ว

    Great video, thank you so much!

    • @ZoaibKhan
      @ZoaibKhan  ปีที่แล้ว

      You're welcome, Steve!

  • @user-kh2ij9dm7y
    @user-kh2ij9dm7y ปีที่แล้ว

    start teaching angular from basics for beginners that would be a huge help

  • @gmexpert3530
    @gmexpert3530 6 หลายเดือนก่อน

    how can i resize the image that will get cropped. For smaller images the cropper is really small it would be really helpful if we could resize the original image before loading it on the cropper

  • @techwake360
    @techwake360 ปีที่แล้ว

    awesome

  • @JB-sv8oh
    @JB-sv8oh 9 หลายเดือนก่อน

    great video! thank u s much

    • @ZoaibKhan
      @ZoaibKhan  9 หลายเดือนก่อน

      You're welcome 🤗

  • @gunderaopatil476
    @gunderaopatil476 3 หลายเดือนก่อน

    Will ngx image cropper works for already uploaded image . ? I mean once you upload and click on that and cropp it

    • @ZoaibKhan
      @ZoaibKhan  3 หลายเดือนก่อน

      Yup, from their official docs, you can use the imageUrl input parameter to specify the image.
      github.com/Mawi137/ngx-image-cropper?tab=readme-ov-file#inputs

  • @shivajitiwari7047
    @shivajitiwari7047 7 หลายเดือนก่อน

    Will it support keyboard arrows to crop the image.

    • @ZoaibKhan
      @ZoaibKhan  7 หลายเดือนก่อน

      I'm not sure about this

  • @gekoskipatric
    @gekoskipatric 2 หลายเดือนก่อน

    will this work with an ng-module based app?

    • @ZoaibKhan
      @ZoaibKhan  2 หลายเดือนก่อน

      Yes, it should work

  • @sandeeptiwari602
    @sandeeptiwari602 6 หลายเดือนก่อน

    how to store url image in form of base64 encoded?

    • @ZoaibKhan
      @ZoaibKhan  6 หลายเดือนก่อน

      If I recall, there is a property for that in the cropper package we're using

  • @moudjahidinesalissou9011
    @moudjahidinesalissou9011 ปีที่แล้ว

    Can I use it with bootstrap instead of Angular Material?

    • @ZoaibKhan
      @ZoaibKhan  ปีที่แล้ว

      Sure, just use the bootstrap components such as buttons and the modal dialog instead of the material ones!