OpenCvSharpでお絵かき

OpenCvSharp でお絵かきをします。

OpenCvSharp.CPlusPlus.Window クラスの OnMouseCallback にイベントハンドラを登録する形でマウスクリックを取得します。Polylines メソッドを利用することで、連続したなめらかな線を描くことができます。

ソースコード

	using OpenCvSharp;
	using OpenCvSharp.CPlusPlus;
	using System;
	using System.Collections.Generic;
	using System.Linq;

	namespace OpenCvSharpSample.Samples
	{
	public class MethodTest
	{
	public static void MouseClickPolylinesCanvasWindow()
	{
	using (var window = new Window("canvas"))
	{
	var pointList = new List<List<Point>>();
	bool moving = false;

	var color = new Scalar(100, 100, 0);
	var mat = new Mat(new Size(640, 480), MatType.CV_8UC3);
	mat.SetTo(new Scalar(255, 255, 255));

	window.ShowImage(mat);
	window.OnMouseCallback += (e, x, y, flags) =>
	{
	if (e == MouseEvent.LButtonDown)
	{
	if (moving)
	{
	pointList.Last().Add(new Point(x, y));
	}
	else
	{
	pointList.Add(new List<Point>() { new Point(x, y) });
	}

	moving = true;

	mat.Circle(x, y, 1, color, 3, LineType.AntiAlias);

	window.ShowImage(mat);

	}
	else if (e == MouseEvent.MouseMove && flags == MouseEvent.FlagLButton)
	{
	if (moving)
	{

	pointList.Last().Add(new Point(x, y));

	// 点を削除
	pointList.RemoveAll(list => list.Count <= 1);

	mat.Polylines(pointList, false, color, 3, LineType.AntiAlias);
	}
	else
	{
	pointList.Add(new List<Point>() { new Point(x, y) });
	}
	moving = true;

	window.ShowImage(mat);
	}
	else if (e == MouseEvent.LButtonUp)
	{
	moving = false;
	}
	};

	bool notEscDown = true;
	while (notEscDown)
	{
	switch (Cv2.WaitKey(1))
	{
	case 3014656: //Delete #Clear
	pointList.Clear();
	pointList.Add(new List<Point>());
	mat.SetTo(new Scalar(255, 255, 255));
	window.ShowImage(mat);
	break;
	case 27: //Esc #Exit
	notEscDown = false;
	break;
	case 32: //SpaceBar #Save
	mat.SaveImage(DateTime.Now.ToString("yyyyMMdd-HHmmss") + ".jpg");
	break;
	default:
	break;
	}
	}
	}
	}
	}
	}

view raw

MouseClickPolylinesCanvasWindow.cs

hosted with ❤ by GitHub

キーバインド

Delete キー: クリア
SpaceBar（スペース）キー: 保存
Esc キー: 終了

少しだけ解説

取得した座標を格納するリスト

var pointList = new List<List<Point>>();

　　
ドラッグ中かを示す。これが true の間、pointList コレクション内の同じ List に座標を登録し続け、それらを連続する点として扱う。false になった時点で次の List に移る。

bool moving = false;

　　
コールバックを登録

window.OnMouseCallback += (e, x, y, flags) =>
{
    if (e == MouseEvent.LButtonDown)
    {
      // クリック時の処理
    }
    else if(e == MouseEvent.MouseMove && flags == MouseEvent.FlagLButton)
    {
      // ドラッグ時の処理
    }
    else if (e == MouseEvent.LButtonUp)
    {
      // クリック（ドラッグ）終了時の処理
    }
};

ソースコード

キーバインド

少しだけ解説

こんな感じで描ける