Ich arbeite mit Raphael.js zusammen, um browserübergreifende interaktive Vektorgrafiken zu erstellen, und versuche, ein neues Feature mit separatem Code hinzuzufügen, damit das Feature im SVG-Modus und im VML-Modus funktioniert.

Mein Problem ist, dass ich keine Möglichkeit sehe, die Definition zu überprüfen, zu debuggen, zu ändern oder sogar zu sehenEigenschaften der tatsächlichen IE VML-Ausgabe, die Raphael erstellt.

In SVG ist es ganz einfach - Sie graben sich einfach mit Firebug oder Inspect Element in das DOM ein und das SVG ist genau dort mit dem richtigen Markup. In IE7 und IE8 in VML gibt es jedoch nach dem Klicken auf "Aktualisieren" in IE-Browser-Tools viele<shape/> Entitäten - aber sie alle behaupten, identische Eigenschaften und Aufschläge zu haben. Die tatsächlich definierten VML-Eigenschaften sind nirgends zu sehen.

Hier ist ein Beispiel, das dieRaphael Tiger Demo im IE8-Modus (IE7-Modus ist der gleiche). Wenn Sie sich das DOM ansehen (mit den IE Developer Tools), sollte es sich nicht um einen Tiger handeln, sondern nur um einen Stapel von 1 x 1 Pixel großen Formenleft:0px;top:0px;.

Wo im DOM oder in der endgültigen Ausgabe befinden sich die Definitionen der Eigenschaften für Füllung, Pfad, Strich, Position und Transformation der Formen?

Irgendwo im DOM gibt es etwas, das die Eigenschaften der blau hervorgehobenen Form definiert und ihr die weiße Füllung und die Pfaddefinition eines Tiger-Whiskers verleiht. Wo sind diese Daten und wie kann ich darauf zugreifen?

Wenn dies im aktuellen IE8 nicht möglich ist, ist eine Antwort mit Plugins, Symbolleisten oder Nicht-IE8-VML-Prozessoren besser als nichts. Wenn es eine Möglichkeit gibt, dies in superalten IE-Versionen zu tun, ist dies in Ordnung. Sie können alle zu Testzwecken kostenlos und legal über bezogen werdenhttp://modern.ie