¿Dónde puedo encontrar un lienzo de dibujo JavaScript?

Question

Quiero construir un programa de dibujo en JS. (jQuery preferida pero no obligatoria).

De todos modos, mi visión es un lienzo blanco grande, en blanco con una cuadrícula simple. El usuario podría arrastrar "capas" a la cuadrícula (como iconos, imágenes, etc.). Además, admitiría curvas de dibujo, líneas, cajas, etc.

Piense en Adobe Illustrator pero mucho más simple. Honestamente, se utilizará para hacer diagramas de base de datos más que el arte (a menos que los diagramas de bases de datos sean arte para usted ... jajaja)

¿Hay algo así por ahí?

Gracias

Answer 1

Lamento informarle que no será el primero con la idea.

Mira estos - diagramo.com (HTML5/Canvas) - Lucidchart.com (HTML5/Canvas) - Gliffy.com (destello)

Hay pocos más en la naturaleza, ¡aunque la nueva adición siempre es buena para la competencia!

Answer 2

Para los gráficos vectoriales, sugeriría usar SVG en línea en lugar de algo como el lienzo. Para comenzar, aquí hay algo que escribí hace mucho tiempo (antes de saber sobre JSLint, por lo que no es tan ordenado como debería ser) http://jsfiddle.net/ctrlfrk/mzzvd/

Aquí hay una biblioteca jQuery SVG (lo tenía marcado, pero no lo he probado): http://keith-wood.name/svgref.html

La referencia de Mozilla: https://developer.mozilla.org/en/svg_reference

Y la especificación real: http://www.w3.org/tr/svg11/index.html