So basically I am building a GUI type interface for my website that needs to have multiple requirements.
Image to interact with i.e draw straight lines on it, curved lines, circles etc (different color lines too) The image will need to have the option to "save" the current state and access it later The image will have different objects on it that will have different "states" i.e active or not active etc.
What is the best way to accomplish this? I have looked into GUI builder and Canvas for HTML5 but have not found a solid guide to satisfy my needs. Any further assistance will be much appreciated!
You should be able to do that with the 2dContext provided by the canvas. This url gives you a list of all the methods
https://developer.mozilla.org/en/docs/Web/API/CanvasRenderingContext2D
That gives you options to draw circles, rectangles etc and you can set up click events and hit tests on those objects.
You can also save the canvas output to an image or an array.