YoyaWiki

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• SVG へ行く。
  • 1 (2024-07-11 (木) 21:18:22)

---

VectorGraphics

• W3C
  • http://www.w3.org/Graphics/SVG/
  • http://defghi1977.html.xdomain.jp/tech/svgMemo/svgMemo_09.htm (和訳)
• batic JAVA SVG TOOLKIT
  • http://xmlgraphics.apache.org/batik/

• SVG/Native
• SVG/Font

実装†

• librsvg
• CairoSVG
• libsvg
• resvg

Chrome†

• Google Chrome の最小フォントサイズは、SVGにも効いてくる
  • https://blog.enjoyxstudy.com/entry/2013/08/15/014220

入門/解説†

• HTML SVG の基本的な使い方（SVG入門）
  • https://www.webdesignleaves.com/pr/html/svg_basic.html

• いまさら聞けないSVG、なぜ知られていないのか？
  • http://www.atmarkit.co.jp/fwcr/rensai/imasara09/imasara09_1.html

• SVGを利用する
  • http://firefox.geckodev.org/index.php?SVG

• SVG - TECHSCORE
  • http://www.techscore.com/tech/RichClient/svg/index.html

• いまさら聞けないSVG——Web制作に便利な3つの理由
  • http://ascii.jp/elem/000/000/996/996477/

ツール†

• PDF2SVG
• SVG-edit
• svg2png ( PhantomJS )

最適化†

• SVGOMG

フォールバック†

• SVGをIE等のブラウザ対応を考慮して使う方法まとめ（SVGのフォールバック画像など）
  • http://2ndidea.com/svg/svg-fallbacks/#post7-section2-1
• SVG2Raphael
• svgweb
• (SIE) SVG形式の画像を表示できるJavaScriptライブラリ

Tips†

• SVGを高速化させるためのルール
  • http://d.hatena.ne.jp/dhrname/20110211/p1
• Advent Calendar 3日目:SVG画像を1キロバイトでも削るダイエット術！
  • http://d.hatena.ne.jp/rikuo/20121203
• SVG `use` with External Source
  • https://css-tricks.com/svg-use-external-source/

Canvas と SVG†

• Javascript SVG parser and renderer on Canvas
  • https://code.google.com/p/canvg/
• SVGヤバイ
  • http://d.hatena.ne.jp/gyuque/20110510
• SVGをCanvasで利用する方法
  • http://nmi.jp/archives/223

発表スライド†

• SVG MANIAX - CSS Nite After dark7
  • http://www.slideshare.net/ssuser99dc16/svg-maniaxcss-nite-after-dark7-svgmatsuda

歴史†

• http://ssvvgg.net/post/128179413430/SVGはFlashの代わりにはなりません、なりませんよ。

メモ†

• SVGメモ
  • http://static.s59.xrea.com/pukiwiki/index.php?SVG%A5%E1%A5%E2
• LinuxでSVGフォーマットを他の画像形式に変換
  • http://web.fpso.jp/article.php/20080101013132688
    • Debian だと sudo aptitude install librsvg2-bin でインストール出来る。
• SVGでプログラマブルな書体を作る話
  • http://creator.dwango.co.jp/8741.html
• http://ssvvgg.net/post/150862717240/svgはいつごろに誕生したのか
• svg要素の基本的な使い方まとめ
  • http://defghi1977.html.xdomain.jp/tech/svgMemo/svgMemo_03.htm

• SVGで始めるマイクロインタラクション入門
  • https://ics.media/entry/15834

• SVG ではじめる Web Graphics 2017年度版
  • http://www.hilano.org/hilano-lab/svg/00svg-all.pdf

• svg-mesh-3d
  • https://github.com/mattdesl/svg-mesh-3d
• 10行でズバリ!! [HTML5 と IE9] HTML5 で SVG を利用する
  • https://code.msdn.microsoft.com/InternetExplorer-10line-9c8c79c0

• https://github.com/cloudflare/svg-hush

関連†

• Vectorize
  • Potrace

• VML | PGML | WebCGM