FireFox에 Adobe SVG Viewer 설치하기

mmx900의 이미지

불여우에서 SVG를 보기 위해 Adobe SVG View 3.01을 설치하는 방법입니다. 불여우 1.1이 나오면 별도의 SVG 뷰어 플러그인이 필요 없어지겠지만, 현 시점에서는 어도비 플러그인이 최선입니다.

일단 어도비 사이트에서 SVG Viewer를 다운받습니다. 가장 최근의 릴리즈는 3.0인데, 불여우의 윈도우와 리눅스 버전 모두에서 정상 동작하지 않습니다. 윈도우에서는 6.0 pre를, 리눅스에서는 3.01 beta를 설치해야 합니다.

리눅스만 가지고 하겠습니다. 다음 타르볼 파일을 다운 받습니다.

http://download.adobe.com/pub/adobe/magic/svgviewer/linux/3.x/3.01x88/en/adobesvg-3.01x88-linux-i386.tar.gz

다운받은 파일의 압축을 풀고, 이렇게 해서 생기는 adobesvg-3.01 폴더를 /usr/local에 넣습니다. (설치 스크립트를 실행하면 자동으로 심볼릭 링크가 생성되기 때문에, 이 경로에서 하는 것이 가장 안전합니다.)

끝으로 /usr/local/adobesvg-3.01 폴더로 들어가서 설치 스크립트를 실행합니다.(./install.sh) 모질라를 자동으로 검색해서 플러그인을 설치해 줍니다.

about:plugins에 들어가서 "Adobe SVG Viewer plug-in version 3.01x88"이 있는지 보시고, Adobe SVG Zone의 데모 페이지에도 들어가 보세요.

http://www.adobe.com/svg/demos/main.html

버그라면 버그인데, 오른쪽의 svg 파일들이 회색만 보일 뿐 아무것도 나오지 않는 경우가 있습니다. 이때 모질라를 껐다 켠 다음 다시한번 접속하거나 해당 SVG를 클릭하면 약 0.5초(-_-) 정도 라이센스 동의 화면이 나옵니다. 클릭할 여유가 없으므로 잽싸게 "Y"를 눌러주면 됩니다.

--

SVG 파일을 보던 중 저장하고 싶으면 해당 파일 위에서 오른쪽 클릭으로 메뉴를 펼친 다음 "Save SVG"를 누르세요. 홈 디렉터리에 "saved.svg"란 이름으로 파일이 저장됩니다.

"View SVG"를 누르면 그냥 불여우상에서 새 창으로 소스가 보입니다.

SVG 파일을 만들고 편집하는 가장 간단한 방법은 Sodipodi(http://www.sodipodi.com/)를 설치해서 사용하는 겁니다. RPM 사용자분들은 "http://rpmfind.net/linux/rpm2html/search.php?query=sodipodi&submit=Search+...&system=&arch="에서 적당한 패키지를 가져다 쓰시면 됩니다.

Forums: 
channy의 이미지

곧 출시될 1.1 버전 부터는 이걸 깔 필요가 없습니다. SVG를 지원하니까요 ^^

Channy Yun

Mozilla Korean Project
http://www.mozilla.or.kr

tinywolf의 이미지

언제쯤 출시될지... 당분간은 IE에서 봐야겠군요..

ㅡ_ㅡ;

kslee80의 이미지

조금 오래된 Thread 지만 올려봅니다;;

윈도우에서 FireFox 로 svg 보는 방법입니다..

FireFox 1.0.6, Adobe SVG Viewer 는 3.03 입니다;;

IE 에서는 Adobe SVG Viewer 설치하면 바로 보이죠;;

FireFox 에서는
Program Files/Common Files/Adobe/SVG Viewer 3.0/ 디렉토리 아래에 있는
NPSVG3.dll 과 NPSVG3.zip 파일을
Program Files/Mozilla Firefox/plugins 디렉토리에 복사해 주면
svg 를 볼 수 있습니다.

좀 불안정 하네요 ;;
svg 파일 보다가 다른 페이지로 전환할때 FireFox 가 죽는 현상이 ;;;

purewell의 이미지

kslee80 wrote:
조금 오래된 Thread 지만 올려봅니다;;

윈도우에서 FireFox 로 svg 보는 방법입니다..

FireFox 1.0.6, Adobe SVG Viewer 는 3.03 입니다;;

IE 에서는 Adobe SVG Viewer 설치하면 바로 보이죠;;

FireFox 에서는
Program Files/Common Files/Adobe/SVG Viewer 3.0/ 디렉토리 아래에 있는
NPSVG3.dll 과 NPSVG3.zip 파일을
Program Files/Mozilla Firefox/plugins 디렉토리에 복사해 주면
svg 를 볼 수 있습니다.

좀 불안정 하네요 ;;
svg 파일 보다가 다른 페이지로 전환할때 FireFox 가 죽는 현상이 ;;;

되긴 하지만 닫기만 해도 뗑! 하고 죽어버리는군요.
사슴공원 깔까나...

_____________________________
언제나 맑고픈 샘이가...
http://purewell.biz

coyday의 이미지

어도비가 열심히 밀었던 SVG의 대중성은 아직 요원한가 보군요.
어차피 매크로미디어가 자기네 것이 되었으니 SVG이건 플래쉬건 의미는 없어 보일 텐데..

북한산(X) 삼각산(O) 백운대(X) 백운봉(O)

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.