Wo finde ich eine JavaScript -Zeichnung von Leinwand?

Question

Ich möchte ein Zeichenprogramm in JS erstellen. (JQuery bevorzugt, aber nicht obligatorisch).

Wie auch immer, meine Vision ist eine große, leere, weiße Leinwand mit einem einfachen Raster. Der Benutzer könnte "Ebenen" in das Netz ziehen (wie Symbole, Bilder usw.). Außerdem würde es Zeichnungskurven, Linien, Boxen usw. unterstützen.

Denken Sie an Adobe Illustrator, aber viel einfacher. Ehrlich gesagt wird es verwendet, um Datenbankdiagramme mehr als Kunst zu machen (es sei denn, Datenbankdiagramme sind Kunst für Sie ... lol)

Gibt es so etwas so draußen?

Vielen Dank

Answer 1

Es tut mir leid, Sie mitzuteilen, dass Sie mit der Idee nicht an erster Stelle stehen.

Schauen Sie sich diese an - - Diagramo.com (html5/canvas) - lucidchart.com (html5/canvas) - gliffy.com (Blitz)

Es gibt nur wenige mehr in freier Wildbahn, obwohl Neuzugang immer gut für den Wettbewerb ist!

Answer 2

Für Vector -Grafiken würde ich vorschlagen, Inline -SVG zu verwenden und nicht wie Leinwand. Um Sie hier zu beginnen, habe ich vor langer Zeit geschrieben (bevor ich von JSlint wusste, ist es also nicht so ordentlich wie es sein sollte) http://jsfiddle.net/ctrlfrk/mzzvd/

Hier ist eine JQuery SVG -Bibliothek (ich hatte sie mit einem Lesezeichen versehen, aber nicht versucht): http://keith-wood.name/svgref.html

Die Mozilla -Referenz: https://developer.mozilla.org/en/svg_reference

Und die tatsächliche Spezifikation: http://www.w3.org/tr/svg11/index.html