Backup of SVG (No. 34)

• Backup list
• View the diff.
• View the diff current.
• View the diff for visual.
• View the source.
• Go to SVG.
  • 1 (2010-01-30 (Sat) 11:05:47)
  • 2 (2010-11-24 (Wed) 01:44:26)
  • 3 (2011-01-13 (Thu) 00:00:09)
  • 4 (2011-01-13 (Thu) 12:31:28)
  • 5 (2011-02-14 (Mon) 11:03:38)
  • 6 (2012-12-04 (Tue) 01:37:16)
  • 7 (2013-04-30 (Tue) 18:01:02)
  • 8 (2014-04-19 (Sat) 20:28:17)
  • 9 (2015-04-06 (Mon) 22:22:58)
  • 10 (2016-02-21 (Sun) 00:20:30)
  • 11 (2016-06-14 (Tue) 21:11:04)
  • 12 (2016-09-01 (Thu) 13:36:15)
  • 13 (2016-09-26 (Mon) 09:08:32)
  • 14 (2017-02-27 (Mon) 21:55:27)
  • 15 (2017-03-28 (Tue) 21:36:53)
  • 16 (2017-04-12 (Wed) 00:14:49)
  • 17 (2017-04-12 (Wed) 13:00:00)
  • 18 (2017-07-07 (Fri) 21:22:01)
  • 19 (2017-08-02 (Wed) 21:28:55)
  • 20 (2017-09-15 (Fri) 16:21:04)
  • 21 (2017-10-02 (Mon) 13:53:55)
  • 22 (2017-10-10 (Tue) 21:22:43)
  • 23 (2017-11-16 (Thu) 18:22:32)
  • 24 (2018-03-30 (Fri) 18:42:51)
  • 25 (2019-05-05 (Sun) 00:51:22)
  • 26 (2019-11-25 (Mon) 23:53:21)
  • 27 (2019-11-28 (Thu) 15:27:32)
  • 28 (2022-07-06 (Wed) 11:00:49)
  • 29 (2022-07-29 (Fri) 12:07:09)
  • 30 (2023-04-06 (Thu) 01:47:46)
  • 31 (2023-04-25 (Tue) 12:16:17)
  • 32 (2023-05-22 (Mon) 11:40:50)
  • 33 (2023-06-19 (Mon) 14:33:48)
  • 34 (2023-08-05 (Sat) 16:30:33)

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

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