We were commissioned to develop a Facebook Page app where users could upload their photos, edit and decorate them, and then submit them to a galley, for both desktop and mobile devices.
new FileReader() function and
imagefill() in order to overlay the selected frame from on top of and around the submitted image. The server would then create an image file from the processed base64 data and append it to a database along with the user-submitted data.
On mobile devices, the cropping interface would be difficult to use as the dragging method would not work as on some devices the page would scroll (Facebook Page apps are sized to 810px by 810px on desktop, however don't have a fixed height on mobile devices). Therefore, a set of four arrows would be used to adjust the image instead of dragging it.
It was quite a difficult and tense project given the very short time limit (just under a week), however I was really happy with what was produced. Exploring the use of PHP image functions was a key point, as initially it seemed quite difficult to create an application that could manipulate and decorate images, however the functions proved to be quite powerful and easy to use.