SVG의 벡터 효과 속성에 대한 기능 감지?

Question

SVG Tiny 1.2 defines a propertyvector-effect이라고합니다.

상기 경로와

<path vector-effect="non-scaling-stroke" stroke-width="2"></path> 

스트로크 폭은 항상 소자 (예를 들어, 부모 인해 g 요소에 transform까지) 축소 도착하더라도, 2 개 화소 일 것이다.

이 속성은 대부분의 SVG 지원 브라우저 인 에서는 작동하지만 IE9 및 IE10에서는 작동하지 않는 것 같습니다.

이 속성을 기능 감지 할 수있는 방법이 있습니까?

Answer 1

이 또는 당신이 Modernizr을 시도 할 수 파이어 폭스와 IE 9

<script> 
    var elm = document.createElementNS("http://www.w3.org/2000/svg", "g"); 
    if (elm.style.vectorEffect != undefined) { 
     alert("Supported"); 
    } else { 
     alert("Not Supported"); 
    } 
    </script> 

에 나를 위해 작동합니다. 내가 생각하기에 이것과 비슷한 것.

Modernizr.testProp('vectorEffect') 

Answer 2

요소를 만들 필요가 없습니다.

if (document.documentElement.style.vectorEffect === undefined) { 
    alert("Not Supported"); 
} else { 
    alert("Supported"); 
}