Einer der Vorteile von Flash/Flex ist, dass Sie Vektorgrafiken (SVG) verwenden können, was schön ist. Ich habe ein bisschen herumgesucht und bin auf dieses Javascript vector graphics library gestoßen. Es ist ziemlich einfach, aber es hat mich zum Nachdenken gebracht: Gibt es eine Möglichkeit, Vektorgrafik-Dateien wie SVG mit Javascript/HTML zu verwenden oder einfach nicht zu machen oder vernünftig zu machen?Vektorgrafik in Javascript?
Antwort
Ich habe Raphaël Javascript Library verwendet und es hat ganz gut funktioniert. Derzeit unterstützt die Bibliothek Firefox 3.0+, Safari 3.0+, Opera 9.5+ und Internet Explorer 6.0+.
und es ist ein kleiner Buggy mit dem letzten Update vor 10 Monaten. – Neutralizer
Werfen Sie einen Blick auf Cake, Processing.js und jQuery SVG Integration Plugin.
Überprüfen Sie auch die Canvas element Referenz.
Werfen Sie einen Blick auf dojox.gfx. Ich habe mehr wortreiche Antworten in Recommend javascript graphics tutorials veröffentlicht über verfügbare Grafikoptionen in Browsern einschließlich 2D-und 3D-Fällen.
Auschecken Google Closure. Die vector graphics support ist sehr gut gemacht, IMO. Wenn Sie schon einmal mit Java2D gearbeitet haben, sollte Ihnen das sehr bekannt vorkommen.
funktioniert es auf Browsern, die Svg nicht unterstützen? Sagst du einfach goog.createGraphics und es entscheidet, ob Canvas, Svg oder VML verwendet wird? – Evgeny
@Evgeny, ja - es verwendet VML für IE mit automatischer Browsererkennung. –
Ich weiß, dass dies eine ziemlich alte Frage ist, aber falls jemand auf diese Frage stößt, ist die beeindruckendste Vektorgrafik, die ich in JavaScript gesehen habe, Paper.js.
Hoffe, dass hilft.
Leider funktioniert es nicht in IE8 (nur Version von IE ich es getestet), aber es hatte definitiv die beeindruckendste Demo, die ich je gesehen habe! – JayD3e
Schauen Sie sich die WebCode App von PixelCut an. Es generiert JS, SVG, HTML aus Vektorzeichnungen. http://www.webcodeapp.com
- 1. UWP XAML Vektorgrafik
- 2. Vektorgrafik Zwischenablage-Format für Qt
- 3. 2D Vektorgrafik Renderer für OpenGL
- 4. Verwenden Sie Vektorgrafik für iOS-Startbild im Asset-Katalog?
- 5. Wie kann ich Vektorgrafik (in XAML definiert) als Bild eines Ribbon-Menüelements verwenden?
- 6. Wie kann ich Vektorgrafik (SVG) in einer Windows Forms-Anwendung anzeigen?
- 7. Erstellen Sie eine Vektorgrafik (Svg, Eps, PDF) "Heatmap" von 2D-Funktion mit Colorbar
- 8. JavaScript Parser in JavaScript
- 9. () [] +! in Javascript
- 10. Kotlin-Compiler auf JavaScript in JavaScript?
- 11. JavaScript in einer anderen JavaScript-Datei verwenden
- 12. Injizieren Sie Javascript in eine JavaScript-Funktion
- 13. Wie programmiere JavaScript JavaScript in PDF-Dateien?
- 14. einschließlich Javascript in einem anderen enthalten Javascript
- 15. Wie JavaScript JavaScript-Datei API in IE8
- 16. Javascript - wie Wert in Javascript-Code übergeben
- 17. Möglich, die V8 JavaScript-Engine-Versionsnummer in JavaScript in Chrome
- 18. Konvertieren eines DOM-Knotens oder -Dokuments in JavaScript in JavaScript
- 19. Javascript in PHP und in diesem Javascript PHP-Code
- 20. Anfänger in Javascript: Wie bearbeite ich eine Adresse in Javascript?
- 21. Leere Funktionen in Javascript
- 22. Schachspiel in JavaScript
- 23. Mauszeigerposition in Javascript?
- 24. Fragezeichen in JavaScript
- 25. Integer in JavaScript
- 26. @ Symbol in JavaScript-Block
- 27. Alias-Funktion in Javascript
- 28. JavaScript-Variablen in Gruntfile.js?
- 29. pythons hasattr in Javascript?
- 30. Bild In JavaScript Alert
Wie ermöglicht Flash die Verwendung von SVG? Das Beste, was Sie tun können, ist einen unvollständigen Emulator von SVG mit Flash zu schreiben. Der beste Versuch bisher ist http://code.google.com/p/svgweb/, aber es ist noch nicht da. –