SVG

    [HTML] HTML - 31.HTML5 그래픽 - SVG 요소

    이번 시간에는 HTML5의 그래픽 요소인 SVG 요소에 대해 알아보도록 하겠습니다. SVG 요소 svg 요소는 Scalable Vector Graphics를 의미하며 XML 기반의 W3C 그래픽 표준 권고안 입니다. 기존에 사용해 왔던 canvas 요소로는 백터(vector) 이미지를 표현할 수 없습니다. 하지만 svg 요소는 픽셀 기반인 웹 페이지에서 픽셀의 영향을 받지 않는 백터 이미지를 표현할 수 없게 해줍니다. 따라서 이 요소로는 도표나 그래프 등 백터 기반의 다이어그램(diagram)를 표현하는 데 매우 효과적입니다 svg 요소를 지원하는 주요 웹 브라우저의 버전은 다음과 같습니다. 사각형 그리기 다음 예제로는 rect 요소를 사용하여 사각형을 그리는 예제입니다. 이 문장은 사용자가 웹 브라우저..