Sunday, February 17, 2008
Subscribe to:
Post Comments (Atom)
ME EAT!
MS paint ( I got it from a website called canvaspaint.com
CanvasPaint
So is
close edit this image');return false">
close edit this image');return false">
close edit this image');return false">
More images recently saved to the server
untitled - CanvasPaint
■
■
■
■
•
•
•
■
■
■
What's this?
A near pixel-perfect copy of Microsoft Paint
in HTML, CSS and JavaScript, using
the <canvas> tag as specified by
WHATWG
and supported by Safari 1.3, Firefox 1.5 and Opera 9.
This web app is not authorized by, supported by or in any way affiliated with Microsoft.
Visit the blog
UPDATED
Why didn't you do this in ___?
The primary goal wasn't to build a painting web app, but to experiment with <canvas>.
Things to try out
Holding down ctrl for a tertiary color, shift for line/shape constraints, ctrl+a/c/x/z, dragging and resizing the window, resizing the canvas...
Can I save my drawings?
Yes, but only in Firefox 2 and Opera 9.
To save an image to your hard drive, use File > Download. To save it on this server,
use File > Save online. Your image will be assigned a URL which you may share or
embed elsewhere, and it may be publically shown here. However, no guarantees are given as to
its future availibity: I reserve the right to delete images at any time.
I always get the context menu when attempting to use the secondary color
Allow scripts to disable context menus. To do this in Firefox, check "disable or replace context menus" in Options > JavaScript: Advanced...
Why doesn't feature X work?
Some features are only supported by certain browsers:
- Color picker
- Firefox 2.0
- Opera 9
- Flood fill
- Opera 9
- Save image
- Firefox 2.0
- Opera 9
- Open URL
- Firefox 1.5
- Opera 9
- Latest WebKit
So is <canvas> useful?
Yes, for applications that do not require cross browser support, such as OS X
desktop widgets or Firefox extensions and XUL apps.
For drawing apps, the biggest problem is that you're limited by the refresh rate of
the mousemove event to find the position of the cursor. This is especially noticable with
the airbrush tool, while I try to hide it with the pen and brush tools by automatically
smoothing the created path.
Other shortcomings: Gets very slow at large sizes (both actual high resolution and CSS-sized),
no getPixel(), several bugs and missing features in Firefox 1.5.
Interesting features not used here: Transparency.
Technical notes
This demo uses 5 <canvas>es: the obvious one, one transparently
layered on top for previews while drawing shapes and lines, a hidden one used as
a clipboard for saving selections, another hidden one saving the last undo state,
and the gradient in the title bar.
The cursors make use of another Firefox 1.5 feature:
CSS3 cursor URLs.
Other people's experiments
Canvascape 3D
Mandelbrot fractals
CanvasGraph
Image reflections
Canvas Painter
Dear Microsoft
Please don't sue me. Kthx.
Christopher Clay (canvas@c3o.org) 2006
close edit this image');return false">
close edit this image');return false">
close edit this image');return false">
More images recently saved to the server
Sorry, you're using an incompatible browser.
Your browser doesn't support the WHATWG <canvas> element.
To try out CanvasPaint, consider downloading Mozilla Firefox – it's free and secure.
Zach De La Rocha
Zach is the lead singer from RATM and Audio Slave
GoogleWeb Images Maps News Shopping Gmail more ▼ Video Groups Books Scholar Finance Blogs YouTube Calendar Photos Documents Reader even more » sharkabarka@gmail.com | iGoogle | My Account | Sign out
Advertising Programs - Business Solutions - About Google
Advertising Programs - Business Solutions - About Google
©2008 Google
TOM MORELLO ROCKS!!!!!!!!
Tom Morello is a guitar player from two bands, Rage Against The Machines, and Audio Slave. He is an amazing guitarist. ROCK ON TOM!!
No comments:
Post a Comment