2019.12.07

画像

画像の中心座標

画像座標は下図のように四角で区切って表現できます。x軸のプラス方向は右向きで、y軸のプラス方向は下向きです。

一般的に座標は0以上の整数で表します。下の図は、幅(x軸)が5ピクセル/高さ(y軸)が3ピクセルなので、xの範囲は0から4、yの範囲は0から2となります。

画像座標系

次に、他の画像座標の表現方法を紹介します。(下図)

基本的には上の図と同じです。違いは、ピクセルを表した塗りつぶしの中心に座標を置いていることです。この図では、幅(x軸)が6ピクセル/高さ(y軸)が5ピクセルなので、xの範囲は0から5、yの範囲は0から4となります。

画像座標系2

ここから画像の中心座標の計算方法を説明します。

画像長方形なので、その中心座標は左上の座標と右下の座標の真ん中の座標中点)です。左上の座標は(0,0)、右下の座標は(幅-1,高さ-1)なので、中点x座標は{0+(幅-1)}/2=(幅-1)/2、y座標は{0+(高さ-1)}/2=(高さ-1)/2で計算できます。

下図の場合、幅は6で高さが5なので中心座標のxは(6-1)/2=2.5、yは(5-1)/2=2となります。

画像の中心座標計算方法

まとめると、画像の幅から1を引いて2で割った値が中心座標のx、画像の高さから1を引いて2で割った値が中心座標のyとなります。

以上です。

関連コンテンツ

画像フォーマット形式・色・大きさ・傾きなどの変更、特定の図形(文字・記号など)を見つけたり、取り出したりする画像処理について詳しく解説。

2015.11.29

フルカラーの画像を新しく作る方法を詳しく解説しています。Javaのソースコード付きです。

2020.03.23

縦と横ピクセル数と背景色を渡してPNG形式の画像を新しく作る方法を詳しく解説しています。Javaのソースコード付きです。

2020.03.23

画像の座標系はどのように定義されていますか?

2020.03.23

平面上の位置を表す座標系の1つXY座標系について詳しく解説。

2020.03.23

PCやスマートフォンのディスプレイに表示されている色、プリンターで印刷される色の仕組みについて解説しています。

2020.03.23

基本的な計算である足し算(加法)/引き算(減法)/掛け算(乗法)/割り算(除法)を行うプログラム作成。

2020.03.23

画像って何?

2022.07.25

日本で使われてきた伝統文様「和柄」について解説しています。

2022.07.27

プログラミング、ITに関する用語をまとめています。

2022.10.17

デジタル画像データを構成している要素について解説しています。

2015.12.22

自然数と整数って何が違う?

2020.03.23

長方形の面積、周の長さ、関連する記事を紹介しています。興味のある方は、ご覧ください。

2020.03.23

画像の幅と高さを指定して黒く塗りつぶした円を描画する方法を紹介しています。Javaのソース付きです。

2019.11.11

黒と白の放射状模様画像を作成する方法を紹介しています。

2019.04.30

テキストで塗りつぶし円を表現する方法を紹介します。興味のある方は是非ご覧ください。

2020.06.03

広告