Estoy trabajando con Raphael.js para hacer gráficos vectoriales interactivos en todos los navegadores, tratando de agregar una nueva función con un código separado para que la función funcione en "modo SVG" y "modo VML".

Mi problema es que no puedo ver ninguna forma de inspeccionar, depurar, cambiar o incluso ver la definiciónpropiedades de la salida real de IE VML que Raphael crea.

En SVG, es fácil: simplemente profundiza en el DOM con Firebug o Inspect Element y el SVG está ahí con el marcado correcto. Sin embargo, en IE7 e IE8 en VML, después de presionar 'Actualizar' en las herramientas del navegador IE, hay muchos<shape/> Las entidades, pero todas afirman tener propiedades y marcas idénticas. Las propiedades de VML que definen realmente no están a la vista.

Aquí hay un ejemplo que muestra laRaphael tiger demo en modo IE8 (el modo IE7 es el mismo). Sin embargo, mirando el DOM (usando las herramientas de desarrollo de IE), parece que no debería ser un tigre, y no debería ser más que un montón de formas de 1px por 1px apiladas enleft:0px;top:0px;.

¿Dónde en el DOM o la salida final están las definiciones de las propiedades de relleno, trazado, trazo, posición y transformación de las formas?

En algún lugar del DOM, hay algo que define las propiedades de la forma resaltada en azul, lo que le da el relleno blanco y la definición de trayectoria de un bigote de tigre. ¿Dónde están estos datos y cómo puedo acceder a ellos?

Si no es posible en IE8 como está, una respuesta que incluya complementos, barras de herramientas o procesadores VML que no sean IE8 sería mejor que nada. Si hay una forma de hacerlo en versiones super antiguas de IE, está bien, todas pueden obtenerse de forma libre y legal para fines de prueba a través dehttp://modern.ie