HTML5의 SVG , Path 태그

HTML5의 SVG , Path 태그

QA

HTML5의 SVG , Path 태그

본문

해외사이트를 살펴보다가 소스보기를 해봤더니 HTML5의 SVG , Path 태그가 많이 사용되었네요.

살펴보다가 이것저것 검색해보니, SVG 나 Path 태그를 이용한 이미지 아이콘 작업을 수월하게 해주는

도구들이 있는 것 같은데요.

 

HTML5의 SVG , Path 태그를 살펴보거나 코딩하는데 유용한 도구나 프로그램이 있으면 추천 부탁 드립니다.

HTML5의 SVG , Path 태그 사용에 대해서 W3CSchool 에서 살펴보고 있는데, 그외 참고가 될만한

사이트나 정보도 알려주시면 감사하겠습니다.

 

이 질문에 댓글 쓰기 :

답변 2

좀 다른 얘기일 수도 있는데

svg를 그리는 건 아니고

기존 웹폰트기반 아이콘들을 svg로 만들어주는 사이트가 있는데요

svg 코드를 encoding 해서 

css에 백그라운드로 넣을때 가끔 사용합니다

https://iconify.design/icon-sets/fa/

https://yoksel.github.io/url-encoder/

 

일러 파일을 가지고 계시면

svg 로 컨버트해주는 사이트들도 있습니다

구글에서 ai to svg 검색하면 많이 나옵니다

답변을 작성하시기 전에 로그인 해주세요.
전체 424
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT