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