[SVG] 패턴

SVG <pattern> 요소로 패턴 넣는 방법

• <pattern>요소는 <defs>요소의 자식 요소이다.
• id를 사용해서 패턴에 사용할 요소에 fill="url(#id)" 속성을 사용해서 연결한다.
• width / height의 값은 최소 0부터 최대 1이고, 필수 속성이기 때문에 생략 불가하다.

See the Pen [SVG] <pattern> 요소로 패턴 넣는 방법 by mill (@millfeel) on CodePen.

---

CSS background에 SVG로 패턴 넣는 방법

See the Pen [SVG] CSS background에 SVG로 패턴 넣는 방법 by mill (@millfeel) on CodePen.

*이미지 출처는 이미지 클릭하면 해당 페이지로 이동