Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML5에서 SVG(Scalable Vector Graphics)로 작업하는 방법은 무엇입니까?


SVG는 Scalable Vector Graphics를 나타내며 XML로 2D 그래픽 및 그래픽 응용 프로그램을 설명하기 위한 언어이며 XML은 SVG 뷰어에 의해 렌더링됩니다.

SVG는 원형 차트, X, Y 좌표계의 2차원 그래프 등과 같은 벡터 유형 다이어그램에 주로 유용합니다.

HTML5에서 SVG(Scalable Vector Graphics)로 작업하려면 다음 구문과 함께 ... 태그를 사용하여 SVG를 직접 포함하십시오 -

구문

<svg xmlns="https://www.w3.org/2000/svg">
   ...
</svg>

HTML5 SVG에서 모양을 그리려면

  • 요소를 사용하여 원을 그립니다.
  • 사각형을 그리는 요소입니다.
  • 선을 그리는 요소입니다.
  • 요소를 그려서 타원으로 표시합니다.
  • 다각형을 그리는 요소입니다.

,