リンク集
数少ない日本語のSVG解説のページを集めてみました。
あと英語でも比較的わかりやすいところとか。
W3C勧告
Scalable Vector Graphics (SVG) 1.1 Specification
W3C の英語のページ
Scalable Vector Graphics (SVG) 1.2
W3C の英語のページ
Scalable Vector Graphics (SVG) 1.1 Specification(日本語版)
W3Cの日本語版 by 広瀬行夫さん
SVG仕様書勧告の日本語化計画!
W3Cの日本語訳(ver.1.0)
実装
AdobeのSVG Viewer
Adobe 社による SVG プラグインです。Internet Explorer の場合は必須。
Mozilla SVG プロジェクト
Mozilla のネイティブ環境で動くSVG
解説(日本語)
数は少ないですが、まずは日本語ページから
SVG入門
by キヨさん
SVGの基礎的なページです。
たのしいXML
XML の学習と共に SVG の解説ページがあります。
SVG Developer Center
SVGの情報を集めているページです。
SVG 学習辞典
その名の通り SVG の学習ページ。リンク集が充実してます(特に日本語が)
解説(英語)
所詮、コードは英単語なのだから、英語も臆せずと。。。
SVGX.ORG
豊富なリンクがあるページ。高度すぎてサンプルには使いづらいですが、以下をピックアップ。
SVG Frequently Asked Questions
Core SVG
の中に W3C のジャンプ先があります。
SVG Cafe
投稿は無理かもしれないけど、コードを眺めてヒントを得る!とか。
KevLinDev
DOM
(SVGのDOM操作),
Geometry
(2D/3Dの表示),
GUI
(JavaScriptを使ってSVGを操作)などがあります。
protocol7
SVG#
(C#版のSVGライブラリ)があります。
SVG Fun
若干重めですが、非常に綺麗なデザインです。 Tutorial -
View SVG
(ViewBox, ViewPortの使い方)
Filter feTish
(フィルターのサンプル)がお勧め
SVG Filters
フィルターのサンプルがあるページ in SVG Open 2002。
実際に画像にフィルターをかけてみることができます。
SVG - Learning By Coding
ひと通りの SVG のサンプルがあります。実際の画像を見て、コードを探すのに便利です。
SVG tags
全面的に SVG を利用した WEB ページ。電卓が美しい...
Inkspape
非常に高機能なオープンソースの SVG Editor
(Windows 版は日本語が化けるので
C:\Program Files\Inkscape\locale\ja\LC_MESSAGES\inkscape.mo を am からコピーするとメニューが英語になります)妙に落ちやすいの難点。