ゆるゆるプログラミング

・画像の座標系

画像は、色情報(画素)が集まったもので、それらの色情報は座標(x,y)から取得することができます。ここでは、座標(x,y)と色情報の関係について解説します。

画像の座標系はx軸y軸の2の座標軸で表され、x軸は横方向の直線で、y軸は縦方向の直線で表します。この2つの軸は直角に交わっていて、その交点を原点oと呼びます。そして、その原点の座標は、(0,0)です。

x軸は、原点oより右をプラス左をマイナスの数値で表します。y軸は、原点oより下をプラス上をマイナスの数値で表します。下の図は、画像座標系を表しています。

画像座標系画像座標系

この座標系は、数学で使われる座標系とは違い、y軸の向きが逆になっています。数学座標系y軸は、原点oより上がプラス下をマイナスの数値で表します。下の図は、数学座標系です。

数学座標系数学座標系

それでは、画像の座標系について、もう少し詳しく説明していきます。

画像の場合、座標は整数で表され、”幅””高さ"ピクセル数で範囲が与えられています。この範囲の外の座標には、色情報を持っていません。

色情報を持っているx座標の範囲は0~幅のピクセル数-1y座標の範囲は0~高さのピクセル数-1です。下図は具体的な例で、幅5ピクセル・高さ3ピクセルの画像の座標を表したものです。この場合は、x座標の範囲は0~4で、y座標の範囲は0~2です。

画像の座標画像の座標

■その他の座標系

極座標系 極座標系について解説

■関連コンテンツ

画像の大きさの取得 画像の横と縦のピクセル数を取得する方法について解説
画像ファイル形式 画像ファイル形式について解説
画像処理とは 画像処理とは何かを解説
光と色の3原色 光と色の3原色の考え方を解説

■新着情報

2017.11.17 N値化 カラー画像をN値化する方法について解説
2017.11.16 最も近い値の取得 指定値に最も近い配列の値を取得する方法を解説
2017.10.02 アルファ値(透過) アルファ値(透過)について

■広告

法人向けのETC専用カード

~約8,000名の受講生と80社以上の導入実績~ 企業向けプログラミング研修ならCodeCamp

日本最大級ショッピングサイト!お買い物なら楽天市場

Topへ