HTML5でSVGを使用する方法

HTML5 では、 タグ、

SVG は、変化する Web ページのサイズに合わせて歪みなく再描画できるベクター グラフィック形式であり、レスポンシブでの使用に非常に適しています。ウェブデザイン。この記事では、HTML5 で SVG を使用する方法を詳しく紹介します。お役に立てれば幸いです。 [おすすめの関連ビデオ チュートリアル: HTML5 チュートリアル]

HTML5

##SVG パーツHTML 5 ドラフト仕様の

注:

1.

2. これは静的 SVG インポートにのみ使用できます。

以下は、単純な HTML5 SVG の例です。

<svg  id = "circle"  height = "200"  xmlns = "http://www.w3.org/2000/svg" > 
      <circle  id = "greencircle"  cx = "30"  cy = "30"  r = " 30"  fill = "red"  /> 
</svg>

レンダリング:

タグを使用して SVG 画像をインポートします。 注: タグは、静的な SVG 画像をインポートする場合にのみ使用できます。

<img  src = "green-circle.svg"  height = "80"  alt="漂亮的绿色圆圈" />

レンダリング:

##