X

Hey! We highly recommend you launch this experiment in Google Chrome. It may run slower, or not at all, in other browsers.

Okay, I'll download Google Chrome I'm willing to risk it
X

Report This Experiment

X

Share with a friend

An e-mail has been sent. Thank you for sharing this Experiment!

Close

Back to All

Canvas Sketch

May 01, 2009
Author:

Henrique Moreira

http://www.gartic.com/
Location:
Belo Horizonte, Brazil
Rate Experiment (206 ratings):
1 2 3 4 5  
From the Author:

Web-based drawing app using Canvas Tag.

Works on Chrome, IE6+, Firefox 2+, Opera 9+ and Safari.

Components: Pencil, Eraser, Line, Rectangle, Ellipse, Flood Fill, Color Picker and Undo.

Save as PNG, GIF or JPG.

Technology:

Javascript, Canvas, VML and PHP

Comments

By e11world on July 18, 2010

I can't believe how far javascript has come

Reply to this comment
By debbie on May 29, 2010

i just love it! Keep up the great work!

Reply to this comment
By Zac on April 03, 2010

Hey, i'm working on a painting program of my own...

http://goo.gl/lZck

Many things between our programs are similar, but how did you get flood-fill to work so fast 0,o?

Reply to this comment
By Alok on November 06, 2009

An amazing piece of work... would be thankful to you if you could help me understand how you save the canvas data at server ... Also this works in IE too... awesome man.. looking forward to your help... Thxz in advance

Reply to this comment
By Jean Austin on September 24, 2009

Artistic!

Reply to this comment
By ahyutayor on September 10, 2009

kaung tal byar

Reply to this comment
By fred craandijk on August 19, 2009

can i colour a scanned figure on my desktop?

Reply to this comment
By karishna on August 16, 2009

yes it really very nice

Reply to this comment
By Cameron on August 10, 2009

very good should be ann iphone app not an iphone version

Reply to this comment
By Andre on August 08, 2009

It's not working now.

Reply to this comment
By jim on August 06, 2009

Ran smooth , neat stuff

Reply to this comment
By sudheesh on August 01, 2009

I enjoy a lot ,nice & excellent.

Reply to this comment
By peter grainger on July 28, 2009

I love it keeps me happy for hours.

Reply to this comment
By Mesmer on July 22, 2009

this is a good broweser

Reply to this comment
By Mesmer on July 22, 2009

very nice

Reply to this comment
By maulik on July 19, 2009

thts great start!

Reply to this comment
By Carl Withakay on July 15, 2009

worked fine for me. Sometimes a simple painting program like this is more fun than full blow heavy programs. this'd be perfect for when Chrome OS come out.

Reply to this comment
By Prudhvi Janga on July 14, 2009

That was so cool But I thought it would have made the animation even more effective if it had a cut and paste option to it so that movements can be shown

Reply to this comment
By bb010g on July 13, 2009

My only complaint is that you can't save the replay into a animated .gif with each frame the end of each stroke or a movie.

Reply to this comment
By bb010g on July 13, 2009

This is sooo cool! You can make drawings that change when replayed. I made a Simon, animated it with dark and light blue, green, red, and yellow, and made it into the Google Chrome logo. The bottom half of the yellow of the logo was blue, and the center had Simon on it. I filled the all of the center with blue, filled the blue with yellow, cut the yellow/blue divider black line with yellow, filled the part I cut off, and I was done. Plus I did this on the dev version of Chrome for the Mac. No flash, but boy can it use Javascript!

Reply to this comment
By Lawrence Brown on July 03, 2009

Great. Considering it's on the web!

Reply to this comment
By stephen myers on June 26, 2009

dddddddddd

Reply to this comment
By bobby on June 15, 2009

How about layers? Image import?

Reply to this comment
By rosalba gordon on June 14, 2009

Wow, I love it!

I played for hours...

Reply to this comment
By BobbyGoks on June 12, 2009

saving the animation as .gif or any video format would be more nice..

Reply to this comment
By raakesh sahu on June 10, 2009

its a masic.

Reply to this comment
By Leo Manuel on June 01, 2009

i always turn my browsing to this site, its simply i can communicate my elf well in attain my eyes for any display picture and blogging details.

Reply to this comment
By Mark Munneke on May 28, 2009

Wow, my daughters will really love it!

Great work!

Reply to this comment
By vishal on May 24, 2009

i just love it.

Reply to this comment
By kaladj on May 24, 2009

im india punjab id dj_kala_dj@yahoo.com kaladj_india@hotmail.com kaladjkala@gmail.com

Reply to this comment
By ANDREWSANDHU on May 23, 2009

WOW!

Reply to this comment
By LOL! on May 23, 2009

Wow, that's so awesome I like how you can save it because some image creators don't let you save it.

-LOL!

Reply to this comment
By invaid on June 04, 2009

invalid comment... animate me

Reply to this comment
By shane on May 22, 2009

Good job mate, you've released my creative side again!

Reply to this comment
By thomas doran on May 22, 2009

congrats to you on your creation which i don't fully understand the purpose of as yet.howerever i have dowloaded it for further perusal and look forward to learning more about it's purpose. tom

Reply to this comment
By Yngve on May 21, 2009

Works in konqueror (kde4) as well

Reply to this comment
By Luke on January 25, 2010

That's why Javascript is so great. It (usually) is universal.

Reply to this comment
By Lorraine Prout on May 21, 2009

will have time to come back and play - koolio

Reply to this comment
By Rory on May 19, 2009

Very, very entertaining......

Reply to this comment
By Aunt Bertha on May 18, 2009

Iay ovelay tiay! (Pig Latin)

Reply to this comment
By kaushik on May 18, 2009

om shanti

Reply to this comment
By Andrew on May 18, 2009

Very, very Nice. Even better if we could save the animation

Reply to this comment
By juan on May 15, 2009

very nice,keep up with the good job

Reply to this comment
By Sabahul Hassan on May 12, 2009

Cool

Reply to this comment
By GabrielH on May 09, 2009

Excellent, and so fluid, it's only a pity that the size of the picture is limited to 501x334...

Reply to this comment
By chris on May 05, 2009

great

Reply to this comment
By Garrett Griffin on May 04, 2009

Props on this! Works excellent, and its a great example of a cross platform application that's extremely easy to deploy. Now just imagine if we could have a full Photoshop featured program embedded in a web page like this.

Reply to this comment
By Jipsick on May 02, 2009

very cool

Reply to this comment
By Chat o Matic on May 02, 2009

THIS IS A RANDOM CHAT ROOM NOW!

Reply to this comment
By Carmen Walton on May 01, 2009

i just love it.

Reply to this comment

Add a comment

All fields are required to prevent spam.