차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판이전 판
다음 판
이전 판
tech:svg [2015/02/14 12:45] V_Ltech:svg [2017/07/03 20:11] (현재) – [변환기] V_L
줄 1: 줄 1:
 +{{tag>svg 도쿠위키}}
 ======SVG(Scalable Vector Graphics)====== ======SVG(Scalable Vector Graphics)======
 SVG(Scalable Vector Graphics)는 2차원 벡터 그래픽을 표현하기 위한 XML기반의 파일 형식으로, 1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식이다. SVG 형식의 이미지와 그 작동은 XML 텍스트 파일들로 정의 되어 검색화·목록화·스크립트화가 가능하며 필요하다면 압축도 가능하다. SVG(Scalable Vector Graphics)는 2차원 벡터 그래픽을 표현하기 위한 XML기반의 파일 형식으로, 1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식이다. SVG 형식의 이미지와 그 작동은 XML 텍스트 파일들로 정의 되어 검색화·목록화·스크립트화가 가능하며 필요하다면 압축도 가능하다.
줄 5: 줄 6:
  
  
-.svg 포멧은 W3C의 표준 벡터 그래픽 포맷이기 때문에 어도비 일러스트레이터의 .ai 포맷과 다르게 HTML5를 제대로 지원하는 브라우저라면 파일 변환 없이 바로 읽어 들일 수 있다. 현재 마이크로소프트의 인터넷 익스플로러 8 이전 버전을 제외한 대부분의 주요 웹 브라우저들은 SVG를 지원한다. +.svg 포멧은 W3C의 표준 벡터 그래픽 포맷이기 때문에 어도비 일러스트레이터의 .ai 포맷과 다르게 HTML5를 제대로 지원하는 브라우저라면 파일 변환 없이 바로 읽어 들일 수 있다. 현재 마이크로소프트의 **인터넷 익스플로러 8과 그 이전 버전**을 제외한 대부분의 주요 웹 브라우저들은 SVG를 지원한다. 
  
-하지만 일러스트레이터도 내보내기 기능으로 .svg 포멧으로 저장하는 것이 가능 하기 대문에 잉크스케이프의 고유의 장점으로 보긴 어렵다. 참고로 일러스트에서 생성한 .svg는 잉크스프케이프와 호환이 되지 않고 작업 내용이 깨져 보이는 문제가 있다. AI 에서 만들어진 .SVG는 대부분의 브라우저에서는 공통적으로 정확히 표시되기 때문에 이 부분은 잉크스케이프의 한계로 보여진다.+대표적인 편집기로  [[Inkscape]]가 있다.
  
 +=====지원 브라우져=====
 +  * chrome 4.0 
 +  * ie 9.0 
 +  * firefox 3.0 
 +  * safari 3.2 
 +  * opera 10.1
 +====구형브라우져 처리====
 +
 +<file html>
 +<img src="image.svg" onerror="this.onerror=null; this.src='image.png'">
 +<!-- https://css-tricks.com/using-svg/ -->
 +</file>
 +
 +
 +=====변환기=====
 +    * [[inkscape]]를 사용하는 것이 제일 품질도 좋고, 무료이고, 편하다.
 +    * http://picsvg.com/ 품질 중간. 미리보기 가능. 쓸만하다. 여러 옵션이 있어 좋음.
 +    * http://vectormagic.com/home 품질 최상. 미리보기 가능. 매우 훌륭하다. 다색도 됨. **유료** ($8/mo).
 +    * https://convertio.co/jpg-svg/ 품질 중간. 미리보기 불가. 대신 여러 파일 한꺼번에 가능. 
 +
 +
 +=====도쿠위키=====
 +
 + ''conf/mime.local.conf''에 
 +  svg   image/svg+xml
 +를 추가하면 [[도쿠위키]]에서도 표시할 수 있다. 
 +
 +=====보안위험=====
 +
 +악의적으로 좆나게 복잡하고 많은 일을 시키는 svg를 만들어 올릴 수 있기 때문에, 아무에게나 svg파일 업로드 권한을 주는 것은 위험할 수 있다. ([[http://security.stackexchange.com/questions/11384/exploits-or-other-security-risks-with-svg-upload|출처]])
 +
 +{{http://hydra-media.cursecdn.com/fallout.gamepedia.com/a/a0/MadeMan.svg?48x48}}
 +
 +그냥 표시만 할 수 있게 해도 위험할 수 있겠는데?
  
-{{tag>svg}}