[WPFアプリケーションC#] InkCanvasで描画した図をOpenCVSharpに使いたい

Question

###前提・実現したいこと
・問題点
Visual StudioでC#とWPFを使ったアプリケーションを作成しています．
保存されている画像を読み込み，その上にInkCanvasを半透明にして用意し，図を描画させるまで完成させたのですが，InkCanvasで描画した図のみをOpenCVSharpで輪郭抽出などの画像処理を施したいのですが，Matなどに格納する方法が分からなくて困っています．

・実現したいもの
Imageの上にInkCanvasを用意する．(完成)
InkCanvasのみMatなどに格納して画像処理を行いたい．(実現したい部分)
(描画した図だけでなく，下のImageの大きさに合わせた描画されていない余白も含む(Imageに合わせた範囲))

お手数をおかけしますがご教授お願いいたします。

###該当のソースコード
MainWindow.xaml

<Window x:Class="inkTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:inkTest"
        mc:Ignorable="d"
        Title="MainWindow" Height="960" Width="1280"
        ResizeMode="CanMinimize"
        Background="Transparent" AllowsTransparency="False">
    <DockPanel>
        <!-- メニューを画面上部に配置 -->
        <Menu DockPanel.Dock="Top">
            <MenuItem Header="ファイル(_F)">
                <MenuItem Header="開く(_O)" Click="miOpen_Click" />
                <Separator />
                <MenuItem Header="終了(_X)" Click="miExit_Click" />
                <Separator />
                <MenuItem Header="保存(_S)" Click="miSave_Click" />
            </MenuItem>
        </Menu>
        <!-- 画像表示(Imageコントロール)を画面下部に配置 -->
        <ScrollViewer DockPanel.Dock="Bottom" Name="scrollViewer1"
        VerticalScrollBarVisibility="Disabled">
            <Grid x:Name="ContentPanel"
              Background="Transparent">
                <Image Name="image1" Stretch="Uniform"/>
                <!--インクのキャンバス-->
                <InkCanvas Name="inkCanvas" 
                   Background="White" Opacity="0.6"
                   MouseLeftButtonDown="ContentPanel_MouseLeftButtonDown"
                   MouseLeftButtonUp="ContentPanel_MouseLeftButtonUp"/>
            </Grid>
        </ScrollViewer>
    </DockPanel>
</Window>

###補足情報(言語/FW/ツール等のバージョンなど)
Visual Studio 2015　Visual C#のWPFアプリケーションを使用

Answer 1

Visualの内容をMatクラスに変換させる関数を作ってみました。

		private Mat VisualToMat(FrameworkElement element)
		{
			int w = (int)element.ActualWidth;
			int h = (int)element.ActualHeight;

			RenderTargetBitmap rtb = new RenderTargetBitmap(w, h, 96d, 96d, PixelFormats.Pbgra32);
			rtb.Render(element);

			byte[] bitmapBytes = new byte[w * h * 4];
			rtb.CopyPixels(bitmapBytes, w * 4, 0);
			return new Mat(h, w, MatType.CV_8UC4, bitmapBytes);
		}

InkCanvasの内容だけが必要な場合は

			var mat = VisualToMat(inkCanvas);

背景イメージと描画した絵を一緒に取るには

			var mat = VisualToMat(ContentPanel);

こんな風になります。

しかし、

(描画した図だけでなく，下のImageの大きさに合わせた描画されていない余白も含む(Imageに合わせた範囲))

これは輪郭線抽出や多角形の内側と外側の区別方法などが必要になるため、ここで全部説明するには無理があると思います。

Comments

[ghana]

ご回答ありがとうございます。

教えてくださったコードを実装してみたところ、無事Matに格納することができましたのでベストアンサーとさせていただきます！！

ご教授ありがとうございました。

[gazette2]

つまらない答えなのにベストアンサーに選んでくださってありがとうございます。
VisualToMat関数の中にバーグがありまして修正しました。ご確認ください。