Ajax Image Manipulator
I need a single page solution to integrate with an existing website.
Project involves 3 elements on the screen:
1) Background image: User controls interactively by either uploading or picking a solid Color from an interactive Pallet or or selected from a list of predefined images.
2) Smaller Foreground image: Predefined.
3) Fixed Text: Fixed, predefined text.
The user can resize the background image.
The user can move, resize, or hide the foreground image around on the background image.
The user can Move and resize the Text box on the background image. (although the text it’s self is fixed, the wrapping and size of the text box will change), change the font size (within a certain reasonable range), and choose between two fonts.
To rephrase. The user can move/resize two smaller elements (foreground image and text) on the background image (that they can change by uploading a new picture, choosing a solid color, or choosing an image from my library).
Once the user has finalized their layout, they can “save” it, at which point you need to pass the background image name or color, the background size, the foreground image position (in relation to background image) and size (or 0,0 if the user hid it), and the text position, font size, and which of the two fonts they selected to a php script of mine.
Again: You do not need to merge images, or do any image creation. just pass the position data to another php script.
95% of this project is the javascript/layout. The only PHP I see is the image upload.
Although this will be integrated into my current site, I need the project it’s self to have a clean web 2.0 design and feel.
If you have any questions please PMB.
