브라우저가 SVG_javascript 기술을 지원하는지 확인하는 JavaScript 코드

SVG(Scalable Vector Graphics)는 2차원 벡터 그래픽을 설명하기 위해 XML(Extensible Markup Language)을 기반으로 하는 그래픽 형식입니다. SVG는 W3C에서 개발되었으며 개방형 표준입니다. 또한 SVG는 Static Var Generator의 약자이기도 합니다

브라우저가 SVG를 지원하는지 확인하는 코드(일부 Highcharts 소스 코드에서 잘라냄):
Js 코드:

코드 복사 코드는 다음과 같습니다.

function hasSVG(){
SVG_NS = 'http: //www.w3.org /2000/svg',
return !!doc.createElementNS &&
!!doc.createElementNS(SVG_NS, 'svg').createSVGRect
}

IE8 SVG에서는 지원하지 않아 하이차트 차트의 범례 가로 위치를 설정하고 동일한 x 값을 설정하면 Chrome과 IE의 표시 효과가 일치하지 않습니다. 따라서 브라우저가 SVG를 지원하는지 확인하고 결과에 따라 x 값을 다르게 설정하는 것이 필요합니다.