Javascript paint program

Failed to load latest commit information. View code. About Sample paint program in your browser. Resources Readme. Releases No releases published. Packages 0 No packages published. Contributors 2. You signed in with another tab or window.

Reload to refresh your session. You signed out in another tab or window. If this option is grayed out, your browser is not supported. There are many synonyms for commands, and often you can do things with very short phrases like "Curve" to switch to the Curve tool. If it's not recognizing your voice for short commands like "Curve" or "Cut", you may want to try longer phrases like "Curve tool" or "Cut selection", as this helps it distinguish the sound as speech, rather than a cough for instance.

I also implemented the Edit Colors dialog. Previously this used the native system color picker, and didn't work for some people. 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 should be way more accessible now. And futuristic. Of course there's always more that could be done. This lets me know what's actually important to people, and what's confusing, and it gives me motivation to work on new features.

I recently made it easier to grab handles for resizing things. With that, combined with multitouch panning, JS Paint is much more useable on a phone. Caveat: It's slow on some devices, and parts of the interface are still too small for touch. Handles are now way easier to drag, with extended click targets, similar to Paint from Windows 7. It's not unreasonable to use with a touch screen now!

This applies to selections, textboxes, and the main canvas handles. Resizing things while zoomed in is finally fixed! The Text tool now perfectly previews the pixels that will be placed on the canvas. What you see is what you get! Also it retains all browser editing behavior, like spellcheck, using a convoluted, yet elegant overlaying strategy.

I prototyped this here and here if you're interested. With the fill-only option selected, the Polygon tool now previews with inverted lines, like MS Paint does. When you finish the polygon, the boundary of the shape matches the preview exactly, because it actually does draw a stroke, just the same color as the fill. New: The Magnifier now lets you zoom to a specific location, showing a preview of the new viewport. Also, when zooming out with the Magnifier, or changing the zoom from the toolbar or menus, the top left corner of the viewport is now kept anchored.

Also, pasting a selection will now go to the top left of the viewport, instead of the entire document. New: The Grid. This works with browser zoom as well to provide crisp gridlines even if you zoom in with your browser. New: Dynamic cursors for brush and eraser, so you now have a preview of exactly where the tool will draw.

Also, in the event that your browser clears canvases to free up memory, you should be more likely to be able to undo to get back to a useful state.

JS Paint now lets you copy real image data to the Clipboard, both with keyboard shortcuts and from the Edit menu. Other browsers don't support it yet, as of Sep You can also check out the source code and project info. JS Paint What's New? There's a new version of JS Paint. Refresh to get it. This instance of JS Paint is outdated compared to jspaint.

This version of JS Paint is outdated compared to jspaint. Couldn't check for updates. You're offline. JS Paint may be outdated. Added padding to all dialogs so they don't feel cramped anymore. Message boxes now include warning or error icons, and play a sound when they appear. Fixes Menu buttons are easier to open on a touch screen. Painterro has a browser-script version and npm package. It's hard to create "general purpose" paint-like functionality due to the wide range of requirements.

How are we doing? Please help us improve Stack Overflow. Take our short survey. Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. Is there a Javascript library for Paint-like applications using canvas? Asked 10 years, 4 months ago. Active 8 months ago. Viewed 28k times. Ivan Ivan 9, 11 11 gold badges 45 45 silver badges 78 78 bronze badges.

Using this Fabric. Is this what you're looking for? Thirumalaimurugan creating your own brushes is easy — fabricjs.

Simply if I want to say I need to create a program like Microsoft paint using wonderful fabric.