SVG チュートリアル
変倍可能ベクターグラフィック (Scalable Vector Graphics, SVG) は、グラフィックをマークアップするための W3C の XML 派生言語です。
本チュートリアルは SVG の内部構造の説明を目的としており、また技術的詳細が目白押しです。美しい画像を描きたいだけなら、より有用な資料は Inkscape の文書群にて見つかるでしょう。他に、W3C の SVG 入門も、良い SVG 入門記事を提供しています。この記念日カレンダーをテーマにした SVG チュートリアルも調べてみてください。25 の記念日で SVG をコード化する手順を説明しています。
ゼロから始める SVG 入門
- 概要
- 始めましょう
- 配置
- 基本図形
- パス
- 塗りつぶしとストローク
- グラデーション
- パターン
- テキスト
- 基本的な座標変換
- クリッピングとマスク
- SVG におけるその他のコンテンツ
- フィルター効果
- SVG フォント
- SVG の image 要素
- SVG のツール
- SVG と CSS
以下はより高度なトピックですので、自分自身でチュートリアルを取得する必要があります。
JavaScript による SVG のスクリプト処理
TBD
SVG フィルターのチュートリアル
TBD
SMIL を用いた SVG のアニメーション
TBD
SVG によるフォント作成
TBD