본문 바로가기
svg

how to use svg pattern

by peach1227 2023. 8. 29.
  • 1.image 태그에 그림파일의 해상도를 적용한다.
  • 2.pattern 태그에 viewport 를 정한다.
  • 3.defs 태그로 보이지 않게 감싼다.
  • 4.rect 태그로 반복되어 보여질 전체화면을 결정한다.
  • 5.마지막으로 svg태그로 viewport를 정하여 자식 태그를 감싼다.
이 과정에서 간단한 비례식을 활용하여 보기좋게 구성한다.
반응형

'svg' 카테고리의 다른 글

svg animationMotion  (0) 2023.09.01
svg textPath example 1  (0) 2023.08.31
svg pattern 2  (0) 2023.08.27
svg tutorial about pattern reference  (0) 2023.08.27
snu logo pattern 1  (0) 2023.08.27