1. svg란?
2. svg의 태그들
3. svg의 마스킹
4. svg의 dashoffset
5. 결과물

🌟SVG란?

• SVG의 약자는 Scalable Vector Graphic 의 약자입니다.
• 백터기반이기 때문에 사이즈가 변경되어도 안 깨지고 XHTML 문법으로 이루어져서 CSS 및 Event Handle이 가능

🌟SVG의 태그들

• line

<svg>
      <line
        x1="50"
        y1="50"
        x2="70"
        y2="60"
        stroke="black"
        stroke-width="2"
      ></line>
    </svg>

• polygon

<svg>
	<polygon
	  points="10 10, 20 10, 15 30"
    stroke="red"
    stroke-width="2"
  ></polygon>
</svg>

• rect