UWP の InkRecognizerContainer を使って文字認識をやってみた

手書き文字の認識シリーズ第3段です。

前回は、Azure ML を使って、
前々回は、Azure Cognitive Service の Computer Vision API の OCR を使ってみました。

今回は、UWP でInkRecognizerContainer を使ってみます。

まずは、試してみた結果画像。
マウスで書いた汚い字ですが、ちゃんと認識しています。

コード

UWP のことや InkCanvas については詳しい人のブログや MSDN のドキュメントを読んでください。
ただ、書いたコードをそのまんま貼り付けます。

MainPage.xaml

&lt;Page x:Class="UWPInkCanvas.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:UWPInkCanvas" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"&gt;

    &lt;Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"&gt;
        &lt;StackPanel&gt;
        &lt;InkCanvas x:Name="myInkCanvas" Height="500"/&gt;
        &lt;Button Content="文字認識" Click="ButtonInkRecognize_Click" /&gt;
        &lt;TextBlock Name="textBlock" Height="100"/&gt;
        &lt;/StackPanel&gt;
    &lt;/Grid&gt;
&lt;/Page&gt;

MainPage.xaml.cs

using System;
using System.Linq;
using Windows.Foundation;
using Windows.UI.Input.Inking;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;

// The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=402352&amp;clcid=0x409

namespace UWPInkCanvas
{
    ///
&lt;summary&gt;
    /// An empty page that can be used on its own or navigated to within a Frame.
    /// &lt;/summary&gt;

    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();

            // 描画属性を作成する
            InkDrawingAttributes attributes = new InkDrawingAttributes();
            attributes.Color = Windows.UI.Colors.Black;   // ペンの色
            attributes.Size = new Size(10, 2);          // ペンのサイズ
            attributes.IgnorePressure = false;          // ペンの圧力を使用するかどうか
            attributes.FitToCurve = false;

            // インクキャンバスに属性を設定する
            myInkCanvas.InkPresenter.UpdateDefaultDrawingAttributes(attributes);
            // マウスとペンによる描画を許可する
            myInkCanvas.InkPresenter.InputDeviceTypes = Windows.UI.Core.CoreInputDeviceTypes.Mouse | Windows.UI.Core.CoreInputDeviceTypes.Pen;
        }

        private async void ButtonInkRecognize_Click(object sender, RoutedEventArgs e)
        {
            var recognizer = new InkRecognizerContainer();
            var result = await recognizer.RecognizeAsync(
            myInkCanvas.InkPresenter.StrokeContainer, InkRecognitionTarget.All);

            textBlock.Text = result.Select(x =&gt; x.GetTextCandidates().First()).Aggregate((x, y) =&gt; x + y);
        }

    }
}