White black beard board devhurdle 1

I created White black beard board using Windows.Ink library.
One of the hurdles I faced at the beginning of the development was that the code I used  (like the code below) to output to .gif file, processes only the strokes area, not the whole canvas. So, when I draw this,










the output was like this,









I almost gave up to use Windows. Ink library and go for Win2D, however, I came up with an idea of loading an already created .gif file with four white dots (strokes) on each corner of the canvas, and proceed with the development. However, this solution didn't work for the next steps..

////////////////////////////////////////////////////////////////////////////////////////////////////////////////
using (IOutputStream outputStream = stream.GetOutputStreamAt(0))
{
   await mycanvas.InkPresenter.StrokeContainer.SaveAsync(outputStream);
   await outputStream.FlushAsync();
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////

White black beard board は Windows. Ink というライブラリを使って作りました。作る上で最初の方に直面した問題の一つは、.gifファイルに出力するコード(上記) は、ストロークのエリアだけを対象にしていることだった。上の画像のように描くと、下のような画像が出力されていた。Windows Ink を使うのをあきらめて Win2D でやってみようと考えていたところ、あらかじめキャンバスの各角に白いストロークを打ったファイルをキャンバスに読み込むというアイデアをおもいつきました。それで開発を続けましたが、この策は後のステップでは役に立ちませんでした、、