html5 canvas2 HTML5 그래픽 2 SVG (Scalable Vector Graphics) SVG 요소 svg 요소는 Scalable Vector Graphics를 의미하며, XML 기반의 W3C 그래픽 표준 권고안이다. 기존에 사용해 왔던 canvas 요소로는 벡터(vector) 이미지를 표현할 수 없었다. 하지만 svg 요소는 픽셀 기반인 웹 페이지에서 픽셀의 영향을 받지 않는 벡터 이미지를 표현할 수 있게 해준다. 따라서 이 요소는 도표나 그래프 등 벡터 기반의 다이어그램(diagram)를 표현하는 데 매우 효과적이다. svg 요소를 지원하는 주요 웹 브라우저의 버전은 다음과 같다. 요소 ie chrome firefox safari opera svg 9.0 4.0 3.0 3.2 10.1 사각형 그리기 다음 예제는 rect 요소를 사용.. 2020. 10. 6. HTML5 그래픽 1 캔바스 (Canvas) Canvas 요소 canvas 요소는 웹 페이지에 그래픽을 그려주는 쉽고 강력한 방법을 제공한다. 이 요소는 그래픽을 위한 컨테이너(container) 역할만을 수행한다. 따라서 실제로 그래픽을 그리기 위해서는 자바스크립트(JavaScript) 등의 스크립트 언어를 이용해야 한다. canvas 요소를 지원하는 주요 웹 브라우저의 버전은 다음과 같다. 요소 ie chrome firefox safari opera canvas 9.0 4.0 2.0 3.1 9.0 Canvas 요소의 속성 canvas 요소는 테두리(border)도 콘텐츠(content)도 없는 웹 페이지 내의 단순한 사각형의 공간이다. 그러므로 반드시 style 속성을 이용하여 캔버스의 크기를 설정해 주어야 한다. can.. 2020. 10. 5. 이전 1 다음
