Microsoft Paint Website

• Microsoft Paint Website Site
• Microsoft Paint Windows 10
• Ms Paint

2010 Update

This experiment dates from 2006. I (@c3o) moved on to create tumblelogging / lifestreaming startup Soup.io.
The CanvasPaint code (messy as it is) has been released into the public domain. Information below might be outdated. Thanks for visiting!

A near pixel-perfect copy of Microsoft Paint in HTML, CSS and JavaScript, using the 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. An animation morphing between JS Paint and MS Paint's color picking dialog. It's pretty close, other than the font. Keyboard shortcuts are supported in this dialog, and for mobile devices with small screens, I made it treat adding custom colors as a separate screen. JS Paint is way more accessible now. Originally intended as a free replacement for the Microsoft Paint software that comes with Windows, it has grown into a powerful yet simple image and photo editor tool. It has been compared to other digital photo editing software packages such as Adobe ® Photoshop ®, Corel ® Paint Shop Pro ®, Microsoft Photo Editor, and The GIMP.

Classic Microsoft Paint should already be on your Windows PC. In the search box next to Start on the taskbar, type paint and then select Paint from the list of results. If you have the latest version of Windows 10 and want to try something new, open Paint 3D featuring new 2D and 3D tools. It's free and ready to go. Work with many painting tools online, it's a free online paint tool. The sims 4 online features.

What's this?

A near pixel-perfect copy of Microsoft Paint in HTML, CSS and JavaScript, using the 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

Why didn't you do this in ___?

The primary goal wasn't to build a painting web app, but to experiment with .

Things to try out

Safari to windows 10. Control xbox from computer. 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

Microsoft Paint Website Site

Allow scripts to disable context menus. To do this in Firefox, check 'disable or replace context menus' in Options > JavaScript: Advanced. Winrar official site.

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 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 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

iPaint Preview

If you are still using non-html5 supported web browsers, you can check out the iPaint features through the breif introduction below.

What is iPaint ?

iPaint is essentially an online version of MS Paint program. It's implemented purely using JavaScript and HTML5 element. It basically implements most of the features of MS Paint program embedded in your Microsoft Window 7 operating system. From this online version of MS Paint program, namely iPaint, you can experience the powerful features brought into the web by HTML5. It is no exaggeration to say that most of the desktop applications we are using today are very much possible to be migrated to online sooner or later. With the Software as a Service (SaaS) plus the powerful computing abilities from cloud computing service, we might someday end up with a real thin operating system that bundled various online applications that just meets out requirements. (Chrome OS?)

Microsoft Paint Windows 10

What iPaint Can Do?

As an online painting program, iPaint fulfilled the following features:

• Offline Storage Supports. Your drawing will be stored locally until you manually cleared the local storage or stored your drawings online.
• Online Image Search. If you want to borrow some ideas from internet, this feature allows you to load an image directly into iPaint if you know the image url. Or you can search online images and load that iPaint to continue with your great design.
• Image Sharing. Share your drawings with your friend easily via email.
• Rich set of Geometric Shape.. Free pen drawing, line, ellipse, rectangle, rounded rectangle, polyline, polygon, triangle, diomand, pentagon, hexagon, 4-point star, 5-point star, 6-point star, heart, balloon callout, bezier curve etc.
• Outline/Fill support. 'Solid' or 'None' options are available through floodfill algorithm.
• Various brush support.
• Various line cap/joint/width support.
• Photoshop a like color picker for accurate color selection.
• Dynamic picutre size
• Ruler support
• Different unit support: pixel, centimeter and inch
• Unlimited Undo/Redo history.

Ms Paint

iPaint goes mobile, start finger drawing now