Instructions Will Show Below. Add Text With The Text Box On The Right, Add Extra Images By Clicking Images Below The Canvas

Free Web Developer Tutorials With Working Demos Here

  • heart
  • balloon
  • caterpilla
  • Bear
  • Bear
  • Bear
  • Bear
  • cat
  • cat
  • cat
  • cat
  • squirrels
  • caterpilla
  • caterpilla
canvas book
This is a simple Demo by Chris Bloor on how you can build a html5 image editor, it uses Eric Rowell kinetic.js library, his book is available to buy online, I bought it from www.amazon.co.uk, you can click on the image of the book to take you straight to the book on Amazon UK.

If you can't see anything on the image editors canvas you will need to use a modern browser, because many people use IE with Windows XP then I recommend Firefox and it can be downloaded here Firefox Download Windows XP does not support IE9+, IE8 and below do not support many html 5 tags.

The heart image is static, the teddy can be dragged and resized by clicking when the mouse curser changes to a pointer it can be clicked on all 4 corners to re-size.

Click on the images below the canvas to add them to the canvas and drag and drop into position, double click on them to remove them, you can add text by typing text into the text box, change colour and font family and click add text, again you can remove the text by double clicking on the text.

Download all the files from my tutorial site Html5 Image Editor Tutorial And Download


Warning: mysql_connect(): Headers and client library minor version mismatch. Headers:50554 Library:50639 in /home/wwwhtml5/public_html/classes/DB.class.php on line 21

Warning: mysql_connect(): Connection using old (pre-4.1.1) authentication protocol refused (client option 'secure_auth' enabled) in /home/wwwhtml5/public_html/classes/DB.class.php on line 21

Warning: mysql_real_escape_string(): Headers and client library minor version mismatch. Headers:50554 Library:50639 in /home/wwwhtml5/public_html/classes/Reply.class.php on line 11

Warning: mysql_real_escape_string(): Access denied for user 'root'@'localhost' (using password: NO) in /home/wwwhtml5/public_html/classes/Reply.class.php on line 11

Warning: mysql_real_escape_string(): A link to the server could not be established in /home/wwwhtml5/public_html/classes/Reply.class.php on line 11
No comments found

Your Response Comments closed due to spam

Flag Counter