#author("2024-09-09T13:14:43+00:00","default:yoya","yoya")
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 )
- [[svg-sanitizer]]
* 最適化 [#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]]
