Dove posso trovare una tela di disegno Javascript?

Question

I vuole costruire un programma di disegno in JS. (JQuery preferita ma non obbligatorio).

In ogni caso, la mia visione è un grande, vuoto, tela bianca con una griglia semplice. L'utente potrebbe trascinare "strati" alla rete (come le icone, le immagini, ecc). Inoltre, sarebbe sostenere disegnare curve, linee, scatole, ecc.

Si pensi Adobe Illustrator, ma molto più semplice. Onestamente, sarà utilizzato per fare diagrammi di database più dell'arte (a meno che i diagrammi di database sono l'arte per te ... lol)

C'è qualcosa là fuori in quel modo?

Grazie

Answer 1

Mi dispiace informarvi che non sarà in primo luogo con l'idea.

Dai un'occhiata a queste - diagramo.com (HTML5 / tela) - lucidchart.com (HTML5 / tela) - gliffy.com (flash)

Ci sono pochi di più in natura, anche se nuova aggiunta è sempre bene per la concorrenza!

Answer 2

Per la grafica vettoriale Io suggerirei di usare SVG inline piuttosto che qualcosa di simile a tela. Per iniziare qui è qualcosa che ho scritto una parte posteriore molto tempo (prima di sapere su JSLint, quindi non è così pulito come dovrebbe essere) http://jsfiddle.net/ctrlfrk/mZzVD/

Ecco una libreria jQuery svg (ho avuto segnalibro, ma non ho provato): http: //keith-wood.name/svgRef.html

Il riferimento di Mozilla: https://developer.mozilla.org/en/SVG_Reference

E la specifica attuale: http://www.w3.org/TR/SVG11 /index.html