キャンバス上のピクセル値を取得する

説明

Opera 9以降ではキャンバス上のピクセル値を取得することができます。ピクセル値を取得するにはgetContext("opera-2dgame")としてコンテキストを取得します。あとはgetPixel()で取得したいキャンバス上のX座標とY座標を指定します。戻り値は状況によって変化し色が存在する場合には#0000ffのように16進数カラー文字列になり、何もピクセルがない場合にはOpera 9.0ではrgba(0, 0, 0, 0)、9.5ではrgba(0, 0, 0, 0.0)の文字列を返します。これは赤、緑、青、不透明度の順番になっています。

サンプルプログラム

window.onload = function(){
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.fillStyle = "rgba(0,0,255,1)"; // 青色にする
context.fillRect(10,0,320,240); // 塗りつぶす
var gContext = canvas.getContext("opera-2dgame");
var rgba = gContext.getPixel(0,0); // ピクセル値を取得する
alert(rgba);
}
サンプルを実行
[戻る]