From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/guide/graphics/index.html | 51 ++++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) create mode 100644 files/ja/web/guide/graphics/index.html (limited to 'files/ja/web/guide/graphics/index.html') diff --git a/files/ja/web/guide/graphics/index.html b/files/ja/web/guide/graphics/index.html new file mode 100644 index 0000000000..e8f842c2cb --- /dev/null +++ b/files/ja/web/guide/graphics/index.html @@ -0,0 +1,51 @@ +--- +title: ウェブのグラフィック +slug: Web/Guide/Graphics +tags: + - 2D + - 3D + - Canvas + - Graphics + - HTML5 + - SVG + - Web + - WebGL + - WebRTC + - ウェブ + - グラフィック +translation_of: Web/Guide/Graphics +--- +

ウェブサイトやアプリケーションは、画像などのグラフィックを表現する必要がある場合がよくあります。静的な画像であれば、 {{HTMLElement("img")}} 要素を使ったり、 {{cssxref("background-image")}} プロパティで HTML 要素の背景を設定したりすることで、簡単に表示することができます。その場でグラフィックを構築したり、事後に画像を操作したりすることもできます。これらの記事は、このような操作を行う方法についての詳しい情報を提供しています。

+ +
+
+

2D グラフィック

+ +
+
Canvas
+
{{HTMLElement("canvas")}} 要素は、 JavaScript を使用して 2D グラフィックを描画する API を提供します。
+
SVG
+
SVG (Scalable Vector Graphics) を使うと、直線や曲線、他の幾何学図形を使用してグラフィックを描画できます。ビットマップの使用を避けることにより、どのようなサイズにもすっきりと変更可能な画像を生成できます。
+
+ +

すべて見る...

+
+ +
+

3D グラフィック

+ +
+
WebGL
+
ウェブ用の 3D グラフィック API である WebGL をはじめて使う方向けのガイドです。この技術は、標準の OpenGL ES 仕様をウェブコンテンツ内で使用できます。
+
+ +

動画

+ +
+
HTML5 の audio と video を使用する
+
HTML 文書内に動画や音声を埋め込み、再生を制御をします。
+
WebRTC
+
WebRTC の「RTC」は、Real-Time Communications の頭文字です。これは、ブラウザークライアント間 (P2P) で音声/動画ストリーミングとデータ共有を可能にする技術です。
+
+
+
-- cgit v1.2.3-54-g00ecf