Pracuję z Raphael.js, aby tworzyć interaktywną grafikę wektorową w różnych przeglądarkach, próbując dodać nową funkcję z oddzielnym kodem, aby funkcja działała w „trybie SVG” i „trybie VML”.

Mój problem polega na tym, że nie widzę żadnego sposobu, aby sprawdzić, debugować, zmienić lub nawet zobaczyć definicjęnieruchomości rzeczywistego wyjścia IML VML tworzonego przez Raphaela.

W SVG jest to łatwe - po prostu wkopujesz się do DOM za pomocą Firebug lub Inspect Element, a SVG jest tam z odpowiednim znacznikiem. W IE7 i IE8 w VML jednak po naciśnięciu „Odśwież” w narzędziach przeglądarki IE istnieje wiele<shape/> podmioty - ale wszyscy twierdzą, że mają identyczne właściwości i znaczniki. Rzeczywistych właściwości VML nie można nigdzie zobaczyć.

Oto przykład pokazującyRaphael Tygrys demo w trybie IE8 (tryb IE7 jest taki sam). Patrząc na DOM (używając IE Developer Tools), wygląda na to, że nie powinien być tygrysem i powinien być niczym stos o wymiarach 1 x 1 x 1 xleft:0px;top:0px;.

Gdzie w wyjściu DOM lub końcowym znajdują się definicje wypełnienia, ścieżki, obrysu, położenia i transformacji kształtów?

Gdzieś w DOMie jest coś, co definiuje właściwości podświetlonego na niebiesko kształtu, nadając mu białe wypełnienie i definicję ścieżki tygrysiego wąsika. Gdzie są te dane i jak mogę uzyskać do nich dostęp?

Jeśli nie ma takiej możliwości w IE8, odpowiedź dotycząca wtyczek, pasków narzędzi lub procesorów VML innych niż IE8 byłaby lepsza niż nic. Jeśli istnieje sposób, aby to zrobić w super-starych wersjach IE, to dobrze, że można je uzyskać bezpłatnie i legalnie do celów testowych za pośrednictwemhttp://modern.ie