본문 바로가기

알고보면코딩천재

검색하기
알고보면코딩천재
프로필사진 알코천

  • 분류 전체보기 (157)
    • 디자이너로 살아남기 (0)
    • Figma (0)
    • 워드프레스 (0)
    • HTML (0)
    • CSS (1)
    • SCSS (0)
    • SVG (1)
    • JavaScript (0)
    • 개발자 기본 지식 (15)
    • Java (59)
      • 실습 (17)
    • spring (40)
      • 실습 (1)
    • flutter (11)
      • 실습 (1)
    • DB (11)
      • 실습 (2)
    • tools (9)
    • Git (3)
    • 멘탈관리 (1)
Guestbook
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록SVG (1)

알고보면코딩천재

1강. SVG란?

확장 가능한 벡터 그래픽 (Scalable Vector Graphics) XML 기반의 2차원 그래픽. 아이콘, 이미지, 그래프, 사용자 인터페이스 등에 널리 쓰임. DOM의 일부로서 각 개체별로 HTML 엘리먼트가 추가됨. 벡터이기 때문에 이미지의 크기에 상관 없이 선명하게 유지되고 모양이 많이 복잡하지 않은 경우 파일 사이즈도 작다. CSS와 자바스크립트를 이용해서 조작이 가능(유지 보수 용이). 크기(width/height)가 큰 이미지 표현에 유리. 모양이 복잡하고 개체수가 많을수록 성능이 떨어짐. (로고처럼 간단한 것으로 사용하는 것이 좋다( 비교: 캔버스(Canvas) 비트맵 기반 그래픽. 이미지나 비디오의 픽셀 조작, 게임, 퍼포먼스가 중요한 이미지 조작 등에 쓰임. 단일 태그 로 표현. 자..

SVG 2023. 2. 7. 20:42
Prev 1 Next

Blog is powered by kakao / Designed by Tistory

티스토리툴바