Zeichnung auf ein Bild in Javascript

Question

Ich möchte den Benutzer auf ein Bild in einem Browser zeichnen lassen. Mit anderen Worten, ich brauche sowohl Bitmap-Grafiken und Zeichenfunktionen, ob Vektor oder Bitmap.

Leinwand sieht gut aus, aber nicht von IE unterstützt wird, und obwohl es excanvas ist, frage ich mich, ob excanvas stabil genug für den konsequenten Einsatz in IE6 bis 8.

ist oder am besten von allen, ist es eine Open Quellbild/Zeichnungsbibliothek, die alles aus der Box unterstützt? Ich habe zwei Dutzend webbasierte Bildbearbeitungsprogramme oder Zeichenwerkzeuge gefunden, aber keines unterstützt die Anforderungen. (Und ich möchte Flash/Flex/Silverlight/JavaFX vermeiden.)

Answer 1

Obwohl Sie sagten, dass Sie es vermeiden möchten, würde ich Flash vorschlagen. Sie könnten problemlos Flash 6 oder 7 verwenden und diese haben eine Akzeptanzrate von> 90%. Ich wäre überrascht, wenn Sie diese Unterstützung mit JavaScript erhalten könnten. Flash ist wirklich einmal geschrieben, wenn es irgendwo ausgeführt wird, was die Entwicklungszeit verkürzt.

Answer 2

Check-out Dojo x

http://dojotoolkit.org/projects/dojox

Answer 3

Sie könnten in der Lage sein, es zu tun mit VML

http://en.wikipedia.org/wiki/Vector_Markup_Language

Answer 4

Werfen Sie einen Blick auf RaphaelJS ... es ist eine Cross-Browser-Umsetzung der Zeichnung Funktionen, Canvas, VML oder SVG verwenden, wo verfügbar. Ich bin mir nicht sicher, ob es die Benutzer erlaubt, für sich selbst zu zeichnen, aber es könnte einen Blick wert sein.

Answer 5

Dies ist eine sehr kluge und sehr expansive Bibliothek, die ich auf eine Weile kam zurück: JS-Graphics

Answer 6

ich ein wenig zu Kieron Antwort hinzufügen würde; Water Zorn's Website hat ein sehr gut ausgestattetes Vektorgrafik-Paket. Ich habe es in einer großen Anwendung verwendet und es wunderbar mit .NET und handschriftlichen Javascript integriert. Ich habe auch seine Drag & Drop-API verwendet, um das Ziehen von HTML-Elementen zu vereinfachen.

Answer 7

Verwenden Sie dojox.gfx. Es ist Cross-Browser (SVG/VML/Canvas/Silverlight) und es sieht aus wie es die Rechnung passt. Sie können es von the main Dojo site herunterladen. Sie können versuchen, tests und demos. Warnung: Die letzten beiden Links werden langsam sein, da der Code auf Debugging-Probleme ausgerichtet war, nicht auf Geschwindigkeit (nicht minimiert, nicht kombiniert, nicht komprimiert, vom Dateiserver geliefert).