Source of SVG

TITLE:Scalable Vector Graphics (SVG) XML Graphics for the Web
[[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]]

* 実装 [#jfdead69]

- [[librsvg]]
- [[CairoSVG]]
- [[libsvg]]
- [[resvg]]

* Chrome [#b2a0292c]

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

* 入門/解説 [#c5495816]

- 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/

* ツール [#eae9400d]

- [[PDF2SVG]]
- [[SVG-edit]]
- [[svg2png]] ( PhantomJS )

* 最適化 [#q6f1999d]

- [[SVGOMG]] 

* フォールバック [#o738f601]

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

* Tips [#ub2bf8ab]

- 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 [#canvas]

- 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

* 発表スライド [#slide]

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

* 歴史 [#s3646926]

- [http://ssvvgg.net/post/128179413430/svg%E3%81%AFflash%E3%81%AE%E4%BB%A3%E3%82%8F%E3%82%8A%E3%81%AB%E3%81%AF%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%9B%E3%82%93%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%9B%E3%82%93%E3%82%88 http://ssvvgg.net/post/128179413430/SVGはFlashの代わりにはなりません、なりませんよ。]

* メモ [#c7b5b9d5]

- 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/[http://ssvvgg.net/post/150862717240/svg%E3%81%AF%E3%81%84%E3%81%A4%E3%81%94%E3%82%8D%E3%81%AB%E8%AA%95%E7%94%9F%E3%81%97%E3%81%9F%E3%81%AE%E3%81%8B 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


* 関連 [#rel]

- [[Vectorize]]
-- [[Potrace]]

- [[VML]] | [[PGML]] | [[WebCGM]]