背景を任意色で消去する

説明

Canvas(3D/WebGL)の背景色を任意の色で消去するにはclearColor()を使います。clearColor()は赤、緑、青の輝度を0.0〜1.0の範囲で指定します。4番目のパラメータは不透明度で0.0なら完全な透明、1.0なら完全な不透明になります。消去する色を設定したらclear()メソッドを使ってCanvasの内容を消去します。

サンプルプログラム

window.onload = function(){
var canvasObj = document.getElementById("myCanvas");
var gl = canvasObj.getContext("experimental-webgl");
if (!gl){ alert("WebGL未対応です"); return; }
gl.clearColor(1, 0, 0, 1);
gl.clear(gl.COLOR_BUFFER_BIT);
}
サンプルを実行
[戻る]