Wie kann ich SVG mit IE arbeiten lassen?

Question

Kennt jemand eine umfassende Bibliothek, um SVG mit IE (insbesondere 7 und 8) zum Laufen zu bringen?

Ich wollte etwas JavaScript, das in meiner Webseite aufgenommen werden könnte und das alle meine SVG stillschweigend in VML umwandeln würde, ähnlich wie bei Excanvas für Leinwand.

Answer 1

Das Raphaël - JavaScript -Bibliothek Kann Ihnen da draußen helfen.

Raphaël verwendet die SVG W3C -Empfehlung und VML als Basis zum Erstellen von Grafiken und unterstützt Firefox 3.0+, Safari 3.0+, Opera 9.5+ und Internet Explorer 6.0+.

BEARBEITEN:

Es gibt zwei weitere JS-Bibliotheken, die VML verwenden, um SVGs in IE zu rendern:

• Reichlich SDK (Wo es möglich sein sollte, vorhandene SVG -Dateien einfach zu integrieren)
• Dojox GFX aus dem Dojo -Toolkit

Answer 2

Googles SVG -Web von Google macht dies. Laut der Projektwebsite:

SVG Web ist eine JavaScript -Bibliothek, die SVG -Unterstützung für viele Browser bietet, darunter Internet Explorer, Firefox und Safari. Mithilfe des Bibliotheks plus nativem SVG -Support können Sie sofort ~ 95% der vorhandenen installierten Webbasis abzielen.

Während es als JavaScript -Bibliothek beschrieben wird, erfordert es auch Flash 9+. Dies ist normalerweise kein Problem, aber wenn Sie sich in einer Unternehmensumgebung mit altem Blitz oder keinem Flash auf den Workstations befinden, wird es nicht funktionieren.

Außerdem ist es noch in Alpha, was ein Problem sein könnte, je nachdem, was Ihr Projekt ist.

Answer 3

Ich finde Svgweb Ist der richtige Weg, auch wenn es auf Flash basiert, da VML für viele Anwendungen weitaus schnell genug ist.

Answer 4

Adobe bietet Skripte, um Sie automatisch zu Ihrer ursprünglichen Site zu erkennen, zu installieren und umzuleiten:

http://support.adobe.com/devsup/devsup.nsf/docs/51780.htm

http://www.adobe.com/svg/workflow/autoinstall.html

Ich habe das ziemlich erfolgreich auf meiner Website verwendet.

Answer 5

Eine Low -Tech -Lösung wäre, so etwas wie SVG_ALIKE zu verwenden (hierin Interessenkonflikte einfügen :)). Es prüft die SVG -Unterstützung. Wenn es nicht findet, ersetzt es alle SVG -Bilder durch PNGs.

https://github.com/forwardadvance/svg_alike

Sie verlieren die Vorteile des reibungslosen Vektor -Zoomings und der Retina -Unterstützung, aber IE8 -Benutzer verwenden diese Funktionen sowieso nicht.

Der Vorteil ist, dass Sie Ihre Bilder nicht in JavaScript umwandeln müssen. Ich denke, es liefert 80% des Wertes für 5% der Arbeit.