SVG インスタンス

SVGファイルを確認

SVGビューアがインストールされていない場合、SVGファイルを確認できません。

注釈：Firefox 1.5およびOpera 9はSVGのサポートがオレジナルです。これらのブラウザのいずれかを使用している場合、SVGビューアをインストールする必要はありません。

Adobeから無料でSVGビューアをダウンロードしてください。

SVG 源コードを確認

SVG 源コードを確認するには、これらの例を開き、ウィンドウで右クリックして「ソースコードを表示」を選択してください。

SVG インスタンス

SVG 形状

矩形
透明度のある矩形
透明度のある矩形 2
角のある矩形
円
楕円形
積み重なった三つの円
二つの円
一直線
三角形
四角形
折れ線
パス
螺旋

SVG フィルタ

feGaussianBlur フィルタ
別のfeGaussianBlur フィルタ
feBlend フィルタ
feColorMatrix フィルタ
feComponentTransfer フィルタ
feOffset フィルタ
feOffset、feFlood、feComposite、feMergeおよびfeMergeNode
feMorphology フィルタ
フィルタ 1
フィルタ 2
フィルタ 3
フィルタ 4
フィルタ 5
フィルタ 6

SVG グラデーション

線形グラデーション（水平方向のグラデーション）
線形グラデーション（縦方向のグラデーション）
放射性グラデーション
放射性グラデーション 2

SVG その他

矩形に「a」要素を追加すると、矩形はハイパーリンクとして機能します。
ユーザーが円をクリックしたときに、JavaScriptを使用して要素を作成します。
5秒間にわたってフェードアウトする矩形を繰り返し使用する
矩形のx、yおよびwidth、height属性を動的に変更してアニメーションを作成し、矩形の色を変更する
色が変わる3つの矩形
動きのパスに沿って移動するテキスト
動きのパスに沿って移動、回転し、拡大縮小するテキスト
動きのパスに沿って移動、回転し、拡大縮小するテキストと、色を変化させる矩形を順次拡大し変更する