Haben Sie einen Vorschlag für eine interaktive JavaScript-Zeichenbibliothek? Muss nur Linien, Polygone, Texte in verschiedenen Farben zeichnen. IE/Firefox/Opera/Safari kompatibel.
Verdammt, du bist mir zuvorgekommen ;)
Antworten
Zu viele Anzeigen?
Zach
Punkte
23836
John Resig's Verarbeitung.js ist ein guter Rahmen dafür.
Craig B.
Punkte
553
Sie können das Canvas-Objekt direkt zum Zeichnen in 2D verwenden. Der IE benötigt die Bibliothek excanvas.
http://developer.mozilla.org/En/Drawing_Graphics_with_Canvas
Für alles, was über ein paar unbedeutende Kästchen oder Linien hinausgeht, ist Canvas das Mittel der Wahl. Und excanvas funktioniert erstaunlich gut, zumindest im IE 7.
Steve Moyer
Punkte
5573
Versuchen Sie http://www.walterzorn.de/en/jsgraphics/jsgraphics_e.htm . Es ist das beste, das ich gefunden habe (ohne auf SVG zurückzugreifen) und funktioniert in den meisten Browsern ohne Add-ins.
Diese Methode (Zeichnen durch Anordnen von HTML-Elementen) ist zwar nicht besonders gut skalierbar, aber sie funktioniert auf jeden Fall :)
Stimmt ... ein CAD-System würde man sicher nicht auf diese Weise aufbauen, aber es kann ziemlich komplexe Zeichnungen anfertigen, wenn man sich an orthogonale Strukturen und Bilder (Linien, Rechtecke usw.) hält und diese ein wenig mit Bildern aufpeppt. Andere Zeichnungselemente werden mit jeweils mehreren DIV-Elementen erstellt.
jjrv
Punkte
4116
Das Zeichnen von Text mit dem Canvas-Tag ist ein großes Problem. Ihre Optionen sind normale Divs absolut an den richtigen Stellen positioniert zu verwenden, oder finden / schreiben eine Schriftart-Layout-Engine ( Beispiel ), oder warten Sie auf die Implementierung eines neuen Standards, mit dem Sie Text zeichnen können. SVG geht damit viel besser um.
Im IE haben Sie ExplorerCanvas um die Canvas-API mit dem IE-eigenen VML-Markup zu simulieren. Allerdings kann native VML Text auf einem Pfad und solche Dinge ähnlich wie SVG tun. Ich denke, theoretisch, wenn Sie komplexe Textverarbeitung möchten Sie SVG und VML wie die Raphael-Bibliothek, die Dan erwähnt wollen würde.
Sie könnten auch einen Moment an Flash denken, bevor Sie beginnen.
Tatsächlich unterstützt VML das Zeichnen von Text von Haus aus, und die neuesten Versionen von ExplorerCanvas haben die von der WHATWG empfohlenen Methoden zum Zeichnen von Text ;) explorercanvas.blogspot.com
Nur als Update. Text ist viel weniger ein Schmerz jetzt (2011), es war ziemlich gut für das letzte Jahr. iOS4.1+ unterstützt endlich Text auf Leinwänden richtig und ich weiß, Android 2.1+ tut auch. Firefox/Safari/Chrome hatten schon immer eine gute Canvas-Textunterstützung und der IE9+ stellt auch Text in Canvas korrekt dar.
- See previous answers
- Weitere Antworten anzeigen
