I need a script that will allow a customer to design a banner in a WYSIWYG environment.
A key aspect of the script is the need to save the design on the server as an .svg
The script should allow the customer to:
-Enter a horizontal and vertical dimension (in feet with a predefined max size)
-Choose a bg color for the banner from a predefined list of colors contained in a php array (friendly color name, RGB value).
-Place text anywhere on the design using google fonts
-Upload and place one or several images/graphics for use on the banner.
The images and text should be movable and resizable on the canvas.
Design tools available to the customer should include:
>background: choose color (from predefined list in array), reset
>text: choose fontface (Google fonts), font size (from predefined list in array), bold, italic, color (from predefined list in array), stroke color (predefined) & size, mirror, draggable sizing (constrained), rotation, trash.
>image: upload and scale, dragable resize (contrained), rotate, mirror, trash.
A popup preview should show the customer's design scaled with regard to the dimensions the customer has chosen for the banner and displayed accordingly including any distortions caused by resizing the customer's uploaded images.
Text and image should be constrained within a bounding box and not be permitted to size larger than the box.
The script should disallow the color chosen for the background from being selected as a font color.
The script should be constructed utilizing any one or a combination of these technologies:
Both GD libs & Imagemagick are available on the host Apache web server so either or both can be utilized.
We can create a test account with FTP access on the server if it will aid you in development.
An 11 character unique session ID is already being generated when a customer first visits the site and is stored in a PHP Session array.
Upon clicking a 'Save Design' button the customer's finished design should be saved to the server as an .svg file using the session ID-dimensions-datetime as the filename.
I also need the dimensions and chosen bg color along with the Session ID and datetime returned and accessible in a PHP array that I will use for further processing.
The end result should be that I am able to print the customer's banner at the size they have specified. If they design a banner that is 4' x 8',
I should be able to open the .svg in Illustrator to print their 4' x 8' banner, without having to manually replicate the design or text.
The code should be thoroughly commented.
Upon payment all code will become our property and will be copywrited by us for our exclusive use.