Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I want to develop a website that allows users to draw their own pictures on the website with either the mouse or finger, for example a stick figure. I then want to be able to save the image so it can then be printed. Can anyone help as to what is the best way to go about this.
I have a pretty good understanding of html and css but I do believe this will require something more advanced for me to learn. Any assistance will be greatly appreciated.
You need to use HTML5 canvas element to achieve this and it’s a pretty complex task in my opinion but feasible.
You need to have excellent understanding of canvas interactions and drawing tools. You can find a very basic drawing application here.
http://dev.opera.com/articles/view/html5-canvas-painting/
Once user is happy with painting then you can save it to disk. Below is an example to do so:
Update Image, capture screengrab and save to disk using JavaScript