스쿨 데브옵스

SVG(Scalable Vecotr Graphics) SVG 는 벡터 기반의 그래픽을 지원하는 엘리먼트 입니다. 그래픽이라고 하면 2가지가 존재합니다. Raster: 고정된 이미지 영역에서 픽셀을 이용하여 하나의 그림을 나타냅니다. 점을 찍어서 그림을 그린다고 생각하면 될것 입니다 . Vector: 벡터는 점과 점을 연결하는 수학식을 이용하여 도형을 그리거나, 그림을 그립니다. HTML5 에서는 2가지 엘리먼트를 제공합니다. Canvas: Raster 이미지를 표현하기 위한 그림판 영역입니다. 확대/축소를 하게 되면 이미지가 깨지는 단점이 있습니다. 그래거 Canvas 는 redraw 를 통해서 이미지를 다시 그려주는 방식을 이용하여 이를 해결합니다. SVG: Vector 이미지를 그려주기 위한 그림판 ..