Como depurar ou ver a saída do VML no IE? (por exemplo, de Rafael)

Estou trabalhando com o Raphael.js para criar gráficos vetoriais interativos para navegadores diferentes, tentando adicionar um novo recurso com código separado para que o recurso funcione no 'modo SVG' e no 'modo VML'.

Meu problema é, eu não consigo ver nenhuma maneira de inspecionar, depurar, alterar ou até mesmo ver a definiçãopropriedades da saída real do IE VML que Raphael cria.

No SVG, é fácil - basta acessar o DOM com o Firebug ou Inspect Element e o SVG está lá com a marcação correta. No IE7 e IE8 em VML, no entanto, depois de bater 'Refresh' nas ferramentas de navegador do IE, existem muitas<shape/> entidades - mas todos eles afirmam ter propriedades e marcação idênticas. As propriedades reais definidoras da VML não são vistas em lugar algum.

Aqui está um exemplo mostrando oDemo de Raphael Tiger no modo IE8 (o modo IE7 é o mesmo). Olhando para o DOM (usando o IE Developer Tools), no entanto, parece que não deve ser um tigre, e não deve ser nada além de uma pilha de formas de 1px por 1px empilhadas emleft:0px;top:0px;.

Onde no DOM ou na saída final estão as definições das propriedades de preenchimento, caminho, traçado, posição e transformação das formas?

Em algum lugar no DOM, há algo definindo as propriedades da forma realçada em azul, dando-lhe a definição de preenchimento e caminho em branco do bigode de um tigre. Onde estão esses dados e como posso acessá-los?

Se não for possível no IE8 como está, uma resposta envolvendo plugins, barras de ferramentas ou processadores VML não-IE8 seria melhor que nada. Se há uma maneira de fazer isso em versões super antigas do IE, tudo bem, elas podem ser obtidas livremente e legalmente para fins de teste viahttp://modern.ie