現代の Web サイトとアプリケーションは、グラフィックスによる表現を必要としています。 静画は、<img> 要素を使うか、CSS の background-image プロパティを使用して HTML 要素の背景を設定すると、簡単に表示できます。しばしば、その場でグラフィックスを構築したり表示した画像を操作したいこともあるでしょう。これらの記事は、このような操作を行う方法についての詳しい情報を提供しています。
2D グラフィックス
- Canvas
<canvas>要素は、JavaScript を使用して 2D グラフィックスを描画する API を提供します。- SVG
- SVG (Scalable Vector Graphics) を使うと、直線や曲線、他の幾何学図形を使用してグラフィックスを描画できます。ビットマップの使用を避けることにより、どのようなサイズにもすっきりと変更可能な画像を生成できます。
3D グラフィックス
- WebGL
- Web 用の 3D グラフィックス API である WebGL をはじめて使う方向けのガイドです。この技術は、標準の OpenGL ES 仕様を Web コンテンツ内で使用できます。
動画
- HTML5 の audio と video を使用する
- HTML ドキュメント内に video を埋め込み、再生コントロールをします。
- WebRTC
- WebRTC の「RTC」は、Real-Time Communications の頭文字です。これは、ブラウザクライアント間 (P2P) で音声/動画ストリーミングとデータ共有を可能にする技術です。