Hi, I want to show this website in the web viewer. http://hornil.com/apps/photocrop/
I am trying to implement a image cropping utility in my app. The problem is, I want the ratios to be fixed and not changeable by the user. If I show the website as it is, the user can change the aspect ratio. Is there any way to set the ratio automatically and then hide that element from the webpage so that the user can’t change it? It would be preferable if the result preview can also be hidden.
If this is not possible, does anyone know an online/ offline html/js image editor (with custom ratios) which I can load on my app using the web viewer?
This works, but there is a slight problem. After cropping, the result can only be saved after right clicking and clicking ‘save as’. I cannot do that on the webviewer. This is the simplest website that I could find.
I tried using these solutions, but I need 4 by 6 and 6 by 4 ratios… which the user can select the area to crop.
Are there any offline html/css/js files that I could modify the ratio (github?), which I could then load in the webviewer?
My goal is: the user selects an image from gallery, crops it , but with a custom ratio that I set, and then saves he image. Any way to do thi?
See to create 4 by 6 or 6 by 4 ratios change the pixels to 1200 x 1800 or 1800 x 1200.
Get current width and height whichever is greater divide by 4 and multiply by 6 this will create landscape image.
And if you do divide by 6 multiply by 4 you will get a potrait mode image.
The result image appears with the code
img id=“resultImage” src=“data:image/png;base64, url…”
This is the format with which the cropped image appears. Any way to use this to download the result image?