PHP/JQUERY/HTML5 Canvas - Select then Drag Drop Editable Shapes with save and reload

two column layout, left side menu to have directory of shapes, circles, segments of circles, triangles, rectangles, squares etc. main content area for the editable shape, with input form for sizes in mm, so height, width, angle a, b, c for triangles, radius or circumferance etc for circles, drawing line width, background image selection, upload background etc.

There needs to be an admin page, to give the ability to draw the base shapes, for the menu, this must include circles, angles, rectangles, and shapes such as these intersected by lines and arcs. the base shapes, and everything drawn, should be saved into mysql.

These shapes must be dragable or selectable from the side menu column, to be added into the main content area, and the shapes sides, corners, overall sizes, radius, angles should be editable by dragging the line or selected point, or by selecting the line or point and inputting size or angle into a form input.

The line widths should be editable, thicker or thinner lines, and should be able to be coloured or filled by repeatable background image

The centre areas of all shapes, for instance, the area inside the centre of a circle, or square shape, should be selectable and able to be coloured or filled by single image or repeatable background image.

This is a proof of concept for a website idea, its a prototype to prove if useful for a website. If someone can show they can do this, and provide me a working example, then I will expand this idea towards a full working example and then from that to a complete site.

I see this as the start of a long relationship, and the right person will be able to prove themselves with this

Skills: Graphic Design, HTML, PHP, Website Design

See more: jquery html5 api php, jquery drag drop auto save php, codeignitor jquery html5 css3 php strong oops, jquery drag drop table save mysql, drag drop select jquery, jquery html5 canvas whiteboard, jquery drag drop layout save template, jquery drag drop image save, php javascript drag drop sorting save, ajax save position drag drop aspnet, ajax drag drop script save, drupal easy website build, alibaba website build, handicapping website build service design, sort drag drop ajax save database, ajax drag drop sort save database, save database drag drop, drag drop javascript save, joomla commerce website build, full website build, copy exitsing website build site, drag drop website build bracelet, teacher rating website build, bid website build, common questions freelance website build

About the Employer:
( 1 review ) Newton le Willows, United Kingdom

Project ID: #14410921

7 freelancers are bidding on average $927 for this job


Hi, i made the similar kind of tool and here is link for same [url removed, login to view] Relevant Skills and Experience please see our Freelancer profile for past track history. Proposed Mile More

$1180 USD in 21 days
(491 Reviews)

Hello, from what i understand i would require a proper wireframe of the user view and the admin dashboard view where admin would create shapes for the user to select from. Relevant Skills and Experience Once you provi More

$1764 USD in 40 days
(129 Reviews)

Hi, I would like to tell you that we have developed similar design tool before, have a look: [url removed, login to view] Relevant Skills and Experie More

$589 USD in 10 days
(386 Reviews)
$752 USD in 12 days
(404 Reviews)

With Freelancer Preferred badge bound to give 100% Quality  (Let's Chat) Hello, A great team is here for your service!! I read the project description properly, and I agreed to fulfill 100% of all your requirements. More

$1000 USD in 15 days
(148 Reviews)

Hi, Hope you are doing well. My name is Ishant Gupta and I have an experience of 7 years. I have done something similar work and you can check here [url removed, login to view] I hope you wo More

$705 USD in 20 days
(92 Reviews)
$500 USD in 10 days
(21 Reviews)