추적:

차이

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

차이 보기로 링크

양쪽 이전 판이전 판
다음 판		이전 판
tech:svg [2015/02/14 14:41] – 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를 지원한다. 
  
 대표적인 편집기로  [[Inkscape]]가 있다. 대표적인 편집기로  [[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/ 품질 중간. 미리보기 불가. 대신 여러 파일 한꺼번에 가능. 
  
  
줄 14: 줄 35:
  ''conf/mime.local.conf''에   ''conf/mime.local.conf''에 
   svg   image/svg+xml   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}}
  
-{{http://hydra-media.cursecdn.com/fallout.gamepedia.com/a/a0/MadeMan.svg}}+그냥 표시만 할 수 있게 해도 위험할 수 있겠는데?
  
-{{tag>svg}}