티스토리 뷰

이론/SVG

[SVG] 이미지를 넣는 방법 <image>

millfeel1298 2021. 5. 11. 19:16

<image>요소

  • href로 이미지 경로를 설정한다.
  • width / height 값을 설정하지 않으면 원본 크기로 설정된다.
  • width / height 둘 중 하나의 값을 넣으면 다른 한쪽의 값이 비율에 맞게 자동 설정된다.
  • image 박스의 중앙에 배치된다.
  • alt 속성을 제공하지 않는다. (대신 aria-label 사용)

 

See the Pen [SVG] 이미지를 넣는 방법 <image> by mill (@millfeel) on CodePen.

'이론 > SVG' 카테고리의 다른 글

[SVG] 일러스트 저장하는 방법  (0) 2021.05.11
[SVG] 텍스트  (0) 2021.05.11
[SVG] 패턴  (0) 2021.05.11
[SVG] Q. 도형 애니메이션 기준점이 이상해요.  (0) 2021.05.11
[SVG] Q. 쉼표의 위치가 다르거나 없어요.  (0) 2021.05.08
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함