OpenCV/C++で画像処理入門 vol.4 〜画像に文字を書き込んでみよう〜｜blog（スワブロ）

OpenCV/C++で画像処理入門 vol.4 〜画像に文字を書き込んでみよう〜

2019.01.18

大野寿和

こんにちは、代表の大野です。

OpenCV/C++で画像処理入門シリーズの第4回目です。

前回は、画像に図形を描画する処理を行いましたので
今回は、画像に文字を書き込む処理をやってみたいと思います。

環境があれば、ぜひみなさんも一緒に
プログラムを書いて体験してみてくださいね。

バックナンバー

vol1. 画像を表示してみよう
 vol2. 画像を加工してみよう

vol3. 画像に図形を描画してみよう

今回やること

画像に文字を書き込んでみる

環境

マシン　　：mac OS Mojave 10.14.1
言語　　　：C++
ライブラリ：OpenCV 3.4.3
コンパイラ：Clang / LLVM

準備 & 画像の用意

OpenCVのインストールなどは
バックナンバーなどから、参考にしてください。

今回のサンプルは
ティータイムスワワちゃんを用いることにします。

ティータイムスワワちゃん（teatimesuwawachan.jpg）
width : 600px
height : 600px

では、いってみましょう。

画像に文字を書き込んでみよう

ティータイムスワワちゃんは、
スワワちゃん画像シリーズの中でも
人気の高い画像になります。

このスワワちゃんに
少々しゃべらせるようなイメージで
文字を書き込めたら楽しいですよね？

さて、文字の書き込み位置には
やはり今回もcv::Pointを使うのですが、

座標の決め方は、以前ご紹介したcv::Rectと似ていますが、
文字を書き込む位置の「左下」の頂点座標を指定することになります。

cv::Rectは左上だったので、間違えないように気をつけましょう。

ということで、位置については、
スワワちゃんがしゃべってる感じにしたいので

(x, y) = (25, 75)

あたりを左下頂点座標としましょう。

とりあえず、プログラムを見てみることにします。

<ソースプログラム>

text.cpp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

#include <opencv2/opencv.hpp>

int main()
{
cv::Mat img, dst;

img = cv::imread("teatimesuwawachan.jpg");
dst = img.clone();

cv::putText(
dst,
"Tasty!",
cv::Point(25,75),
cv::FONT_HERSHEY_SIMPLEX,
2.5,
cv::Scalar(0,0,0),
3
);

cv::imshow("input", img);
cv::imshow("output", dst);

cv::waitKey(0);

return 0;
}

では、いつものごとく、プログラムについて説明していきます。

といっても、cv::putText()以外は、前回と全く同じなので説明は割愛します。

cv::putText()ですが、
その名の通り、画像の上に文字列を描画してくれるものになります。

引数を見てみましょう。
今回は、引数が多くなるため、
見やすいように、プログラム中には
引数一つずつにおいて、改行を入れてあります。

第一引数 dst … 出力先のcv::Mat
第二引数 “Tasty!” … 書き込む文字列
第三引数 cv::Point(25,75) … 文字列始点の左下座標
第四引数 cv::FONT_HERSHEY_SIMPLEX … フォント
第五引数 2.5 … 文字列の大きさスケール
第六引数 cv::Scalar(0,0,0) … 文字列の色(BGR指定)
第七引数 3 … 文字列の太さ