Widely available すべての主要ブラウザで対応済み。安心して使用可能。
Canvas・グラフィクス Widely available

WebGL

WebGL は OpenGL ES 2.0 ベースの3Dグラフィクス API です。<canvas> 要素上でGPUを利用した高性能な描画を行えます。

Canvas・グラフィクス

概要

WebGL は OpenGL ES 2.0 ベースの3Dグラフィクス API です。<canvas> 要素上でGPUを利用した高性能な描画を行えます。

対応ブラウザ

デスクトップ

Chrome 9+
Edge 12+
Safari 5.1+
Firefox 4+

モバイル

Chrome Android 25+
Safari iOS 8+
Firefox Android 4+

基本構文

JAVASCRIPT 
<canvas id="gl" width="400" height="300"></canvas>
<script>
const gl = document.getElementById('gl').getContext('webgl');
gl.clearColor(0.0, 0.0, 0.0, 1.0);
gl.clear(gl.COLOR_BUFFER_BIT);
</script>

実務での使いどころ

  • WebGL の活用

    WebGL 1.0。ブラウザでハードウェアアクセラレーションされた3D描画を行うAPI。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク