HTML5 그래픽

이 섹션에는 HTML5 그래픽 관련 정보, 샘플 및 자습서가 포함되어 있습니다.

이 조항의 내용

항목설명

SVG 대 캔버스: 선택 방법

여기서는 개요부터 시작하여 SVG 및 Canvas를 비교하고 광선 추적, 녹색 스크린 등의 많은 코드 예제를 서로 비교하고 논의합니다.

SVG 및 Canvas의 사용 예

HTML5 canvas와 SVG(Scalable Vector Graphics)는 대화형 웹 그래픽을 만드는 데 매우 효과적인 도구입니다. 이러한 두 기술의 프로그래밍 기법을 비교하면 선택할 기술을 결정하는 데 도움이 됩니다. 이 자습서의 주석 코드 샘플과 기술 토론을 통해 방법을 확인할 수 있습니다.

HTML5 Canvas

이 섹션에는 HTML5 Canvas 관련 정보, 샘플 및 자습서가 포함되어 있습니다.

SVG

W3C 권장 사항인 SVG(Scalable Vector Graphics)는 XML에서 2차원 그래픽을 설명하기 위한 언어입니다. SVG에서는 벡터 그래픽 모양(예: 직선과 곡선으로 이루어진 경로), 이미지 및 텍스트, 이 세 가지 유형의 그래픽 개체를 사용할 수 있습니다. 텍스트를 포함하여 그래픽 개체를 그룹화하고 스타일을 지정한 다음 이전에 렌더링된 개체로 변환 및 합성할 수 있습니다. SVG 기능 집합에는 중첩된 변환, 자르기 경로, 알파 마스크 및 템플릿 개체가 포함됩니다.

 

관련 항목

Internet Explorer 9 샘플 및 자습서

 

 

표시: