キャンバス上にピクセルを描画する

説明

Opera 9以降ではキャンバス上に任意の色と不透明度でピクセルを描画することができます。ピクセルを描画するにはgetContext("opera-2dgame")としてコンテキストを取得します。あとはsetPixel()で描画したいキャンバス上のX座標とY座標とカラーを指定します。カラーは#0000ffのように16進数カラー文字列またはredのようなHTML文字列、または文字列でrgba(0, 0, 0, 0)形式を指定します。rgba内のパラメータはこれは赤、緑、青、不透明度の順番になっています。

サンプルプログラム

window.onload = function(){
var canvas = document.getElementById("myCanvas");
var gContext = canvas.getContext("opera-2dgame");
var rgbaText = "rgba(255, 0,0, 0.85)";
for (var x =0; x<300; x++){
gContext.setPixel(x,0,rgbaText); // ピクセルを描画する
gContext.setPixel(x,50,rgbaText); // ピクセルを描画する
gContext.setPixel(x,100,rgbaText); // ピクセルを描画する
}
}
サンプルを実行
[戻る]