728x90 300x250 svg4 SVG 타원 <ellipse> SVG로 타원을 그리기 위해서는 요소를 사용한다. 만드는 방법과 유사한데 차이점은 타원은 x y 반경이 서로 다르고 원은 x y반경이 동일 하다는 점이다. cs속성 : 타원 중심의 x좌표 정의 cy속성 : 타원 중심의 y좌표 정의 rx 속성 : 수평 반경 정의 ry 속성 : 수직 반경 정의 타원 겹쳐서 여러개 표현하기 출처 : https://www.w3schools.com/graphics/svg_ellipse.asp 2022. 1. 30. svg란? SVG(Scalable Vector Graphics) 확장가능한 벡터 그래픽 마크업 언어이다. XML 기반의 2차원 그래픽 으로 검색, 인덱싱, 스크립트 및 압축이 가능하다. 아이콘, 이미지, 그래프, 사용자 인터페이스(UI)등 널리 쓰인다. DOM의 일부로서 각 객체별로 HTML엘리먼트가 추가되며 벡터 기반이기 때문에 모든 사이즈에서 선명함이 유지되며 CSS, 자바스크립트등 으로도 조작이 가능하도록 설계되어있다. 에디터와 일러스트 벡터 방식의 소프트웨어 에서도 작성할 수 있으며 용량도 크지 않다. 2022. 1. 27. svg 이미지 만들기 svg는 확대가 가능하고 자연스럽게 이미지 조절이 가능한 이미지 입니다.jpg/jpeg, png 파일은 확대하면 깨지지만 svg는 벡터 기반이라서 확대해도 깨지지 않습니다. svg는 최근 브라우저에서 지원하면서 로고나 차트, 그래프 등에 많이 사용되고 있습니다. svg 참고사이트http://d3js.org/ http://dmitrybaranovskiy.github.io/raphael/ svg 만드는 방법 1. 일러스트에서 이미지를 그립니다. 2. save as에서 svg를 선택하면 파일이 만들어집니다. svg는 대부분의 브라우저에서 지원하지만 익스 8이하 버전이나 안드로이드 2.3이하버전에서는 svg파일을 표시할 수 없습니다.그래서 이런경우 svg대신 png를 사용해야 한다.이럴때는 사용자의 브라우저가 .. 2019. 3. 11. ttf폰트 직접 웹폰트 업로드해 사용하기 ▶ 웹에서 사용할수 있는 폰트 TrueTypeFont(*.ttf) : 트루타입은 애플과 마이크로소프트에 의해 1980년대 후반에 개발된 글꼴 표준OpenTypeFonts(*.otf) : 오픈타입은 확장가능한 마이크로소프트 컴퓨터 글꼴 형식The Web Open Font Format(*.WOFF) : WOFF는 W3C에서 추천하는 글꼴 형식The Web Open Font Format(WOFF2.0) : WOFF에서 향상된 글꼴SVG폰트(*.svg, *.svgz) : 벡터방식의 글꼴형식Embeded Open Type Fonts(*.eot) : 익스플로러 6~8에서 사용하던 웹 폰트 방식 ▶ 폰트 포맷 브라우저 지원 구분 익스플로러 크롬 파이어폭스 사파리 오페라 TTF/OTF O O O O O WOFF O O.. 2019. 1. 12. 이전 1 다음 728x90 반응형
