Image Cropping Extension needed

Hello,
I am looking for an extension to professionally crop a selected image and saves a copy of it then return the new file name.

I’d pay for this extension. If you’re interested I will provide you with the details.

Have you tried @Mika’s Image Editor Extension? It contains a “Center Crop” block.

1 Like

It doesn’t work for my purposes. I am looking for an extension that would load us a tool where the user can select what he what’s to crop and when the user clicks save, the image crops as per the users selection, then saves a copy of the cropped image and return the path of the image (or name).

Those pages may help:


You can use canvas along with scale detector extension which will be very functional to your purpose and can be customized as you like

1 Like

I think you can also use the Image Extension from Taifun (https://puravidaapps.com/image.php) which has a crop method.
I have used it (in AppInventor, but I think it works in Thunkable too) with a canvas so the user could input the top, bottom, left and right coordinates just by clicking on the screen and it works great.

That extension exists already, the extension is not going to give you a tool to select on the screen where to crop the image. You have to do it and that procedure you come up with will tell the extension how to do the cropping.

2 Likes

I understand, but canvas and Taifuns extension don’t serve my purpose. Canvas can’t zoom in and out and some other functionalities. Also some functionalities that I need are not supported in Taifuns extension. I just want to know if it’s possible to develop this extension from the libraries above?

Using a combination of Taifuns extension and the canvas component wont really work. When a user choose a photo to crop, you probably want to resize the photo to fit the screen. When the user selects the area to crop, taifuns extension will crop the wrong area because of the resizing to fit the scree.

am sure most people do not get @habboubih request. he needs an extension that can crop a pics like the way Coral Draw crops a pics and even possibly crop the background of the pics if am right! .

Well, @habboubih there isn’t such extension. You can try to develop it by yourself or I can create for you for 10$. Your contribution will help Thunkable/App Inventor community.
Regards, @ILoveThunkable


P.S: As @Taifun, “There ain’t no such thing as a free lunch”.

@ILoveThunkable That’s why I said “I’d pay for this” in my first post. I’d pay you $20 or even $30 if you could develop this extension using this library.

or this

And also please not that following:

  • This tool needs to support all photo kinds (png, jpg, jpeg …)
  • The input value is the path of the photo (the user will select an image using imagePicker)
  • The result will be saving the new cropped image to a folder and output the path of the new image.
  • I can specify the folder in which new cropped photos would be saved. (optional)

Please let me know if you can implement it and how can I pay you

Thanks

I can make an extension for 10$ + you can donate more $, if you want. In 1 week, I will make an extension for that.

@ILoveThunkable Thank you so much. You’re gonna really solve a problem that I have been facing for a year. I really appreciate it. Do you want me to pay now or then? And how?

1 Like

After making it, I will give you all details. Now, you don’t have to pay. Also I accept payment only through PayPal.

Alright. I forgot to mention that I’ll be using it on AppyBuilder. I don’t think there will be any compatibility issues right?

Finally I made this extension.

1 Like

@ILoveThunkable This is fantastic. Thank you so much

1 Like


I released my extension here.

1 Like

Wow @ILoveThunkable, that extension looks great! :clap:

But just for the record, @habboubih the same thing was possible using @Taifun image extension and a canvas. First you set the canvas size to the proportion of the picture (so it won’y look distorted), then when you set the image as the background of the canvas you can calculate the original size of the image divided by the size of the canvas so you get the factor of the resize. So after the the user clicks on the canvas, you just multiply the x,y values by the factor and use it in the crop method. I have this implemented in an app I made.
Of course the new extension does this much more nicely! :smile_cat:

cheers!

4 Likes