대화식 Infographic SVG 및 CSS 애니메이션

평가 :0조회 :1,401댓글 :0다운 :45
첨부파일
HTML,JS,CSS
소프트웨어
HTML
레이아웃
PC전용
지원 브라우저
크롬,사파리,파이어폭스,오페라
용도범위
상업적 용도로 사용가능
출처표시
출처 안 밝혀도 됨
라이센스
크리에이티브 커먼즈 라이센스
표시방식
FREE
기본정보
최신 브라우저의 기능에 대해 언급하지 않은 것 중 하나는 SVG 파일 형식에 대한 지원이 증가하고 있다는 것 입니다 . SVG에 익숙하지 않은 사용자라면 Scalable Vector Graphics를 의미합니다 . PNG, JPG 또는 GIF와 같은 래스터 이미지 형식과는 달리 SVG 파일에 포함 된 벡터 그래픽은 모든 크기로 확장 가능하며 품질 손실없이 모든 해상도 또는 화면 밀도에서 표시됩니다. 대부분의 경우 SVG 파일은 파일 크기가 훨씬 작아지고 더 빨리 다운로드됩니다. 그러나 일부 개발자가 알지 못하는 정말 멋진 기능 중 하나는 XML 사양에 따라 SVG가 작성된다는 것입니다. SVG는 하루가 끝날 때 평범한 마크 업을 의미하며 HTML과 비슷한 방식으로 작업 할 수 있습니다. 또한 웹 개발자가 익숙한 CSS 및 JavaScript와 같은 기술을 사용하여 SVG 파일 내의 그래픽 및 요소에 액세스하고 조작 할 수 있음을 의미합니다. 올바른 기술과 최신 브라우저 지원을 통해 개발자는 SVG를 사용하여 매우 인상적인 애니메이션, 효과 및 상호 작용을 생성 할 수 있습니다. 오늘은 SVG의 가능성을 탐구하고 웹용 대화식 벡터 인포 그래픽을 작성하여 최신 브라우저의 기능을 테스트 할 것입니다.
댓글0
TOP