5

Raphael.js와 함께 브라우저 간 대화식 벡터 그래픽을 만들면서 'SVG 모드'와 'VML 모드'에서 기능을 작동하도록 별도의 코드로 새로운 기능을 추가하려고합니다.IE에서 VML 출력을 디버깅하거나 보는 방법은 무엇입니까? (예 : Raphael에서)

제 문제는 Raphael이 생성하는 실제 IE VML 출력의 정의 속성을 검사, 디버그, 변경하거나 심지어 볼 수있는 방법이 없습니다. 그냥 방화범이 끌려와 DOM에 파고 또는 요소를 검사하고, SVG 오른쪽 마크 업 바로 거기에있다 -


SVG, 그것은 간단합니다. 그러나 VML의 IE7과 IE8에서는 IE 브라우저 도구에서 '새로 고침'을 누르면 <shape/> 엔티티가 많이 있지만 모든 속성과 마크 업이 동일하다고 주장합니다. 실제 VML 속성을 정의하는 것은 어디에도 없습니다.

IE8 모드에서 Raphael tiger demo을 보여주는 예입니다 (IE7 모드는 동일 함). 그러나 IE 개발자 도구를 사용하여 DOM을 살펴보면 호랑이가 아니어야하며 1px 모양의 1px 더미가되어야합니다 (left:0px;top:0px;에 쌓여 있음).

DOM 또는 최종 출력에는 도형의 채우기, 패스, 획, 위치 및 변형 속성의 정의가 있습니까?

enter image description here

어딘가에 DOM에, 그것을 호랑이의 수염의 흰색 채우기 및 경로 정의를 제공 파란색으로 표시 도형의 속성을 정의하는 뭔가가있다. 이 데이터는 어디에 있으며 어떻게 액세스 할 수 있습니까?


는 IE8에서 할 수없는 경우있는 그대로, 플러그인, 도구 모음 또는 비 IE8 VML 프로세서를 포함하는 응답이없는 것보다는 나을 것이다. Internet Explorer의 초소형 버전에서이 방법을 사용할 수 있다면 테스트 목적으로 자유롭고 합법적으로 얻을 수 있습니다.

+0

나는 IE 개발자 도구가 작성되기 훨씬 전에 비참한 기술 이었기 때문에 IE에서 적절한 VML 디버깅이 불가능하다고 생각합니다. – EricLaw

+0

@EricLaw 의견을 보내 주셔서 감사합니다.하지만 dev 도구 이전에는 사용하지 않으셨습니까? IE9와 dev8 도구가 IE8에서 소개 될 때까지 IE는 SVG 지원을받지 못했습니다. (IE6과 IE7의 도구 모음으로도 가능합니다. [wikipedia에 따라] http://en.wikipedia.org/wiki/Vector_Markup_Language). IE8을 지원해야 할 필요가있는 가난한 사람들도 IE8을 여전히 사용해야 할 필요가 있지만 ... 그러나 Microsoft는 Dev Tools를 출시 한 후 몇 년 동안 Microsoft에 여전히 투자하고 있다고 생각했습니다. – user568458

답변