Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is there a Javascript library for Paint-like applications using canvas? [closed]

Is there a Javascript library which has built-in features for quickly creating a Paint-like web application using the canvas element?

EDIT: So, far, I have found Javascript libraries that allow easy animation of canvas elements -- such as Raphael JS -- and Javascript tutorials for creating simple Paint apps, but no robust libraries for Paint-like applications.

EDIT 2: I found a Javascript tutorial on a pretty nice looking Paint app using the canvas element. I'd still like to see what others have found.

like image 494
Ivan Avatar asked Aug 20 '11 19:08

Ivan


People also ask

Is canvas HTML or JavaScript?

<canvas> is an HTML element which can be used to draw graphics via scripting (usually JavaScript).


2 Answers

Raphaël

Raphaël doesn't use Canvas. It uses SVG on browsers that support it or VML on Internet Explorer.

SVG

If you want an SVG solution designed specifically for drawing then take a look at:

  • SVG-edit

See this demo.

Canvas

If you want to use Canvas but you need a retained mode rendering then see:

  • Fabric.js
  • Paper.js
  • Processing.js
  • EaselJS
  • KineticJS
  • bHive

Update (February 2014)

  • ART, a retained mode vector drawing API - targets all three of HTML5 Canvas, SVG and VML (plus some code generation). Used by the Facebook team together with the React UI toolkit (see: react-art and the "art" branch of the react-page project on GitHub).
like image 185
rsp Avatar answered Oct 10 '22 04:10

rsp


Literally Canvas fits this exact purpose: http://literallycanvas.com

"Literally Canvas is an extensible, open source (BSD-licensed), HTML5 drawing widget...You can use it to embed drawing boards in web pages."

like image 39
Steve Landey Avatar answered Oct 10 '22 04:10

Steve Landey