在UWP墨水canvas上显示背景图像
我在我的UWP应用程序中有一个InkCanvas，并希望显示一个图像（理想情况下是Canvas的一部分，但除此之外，以某种方式覆盖它（我的想法是我可以将更改的图像保存回图像文件）。 WPF似乎允许InkCanvas有孩子，但在UWP似乎不可能。我尝试了以下内容：
但这不起作用; 我也试过这个：
公平地说，我对此没有太大的期望; 无论如何，虽然它确实有点工作，它会使图像和InkCanvas看起来都不对，显然，我不允许保存生成的图像。
理想情况下，会有背景图像或类似的东西。 有什么我可以用来实现这一目标; 我认为我可能不得不用标准canvas替换InkCanvas，然后重新编写所有InkCanvasfunction！
所以你有几个问题：
- 如何在
Image控件上使用InkCanvas进行绘制。 - 如何将结果保存到文件中。
我将在此示例中使用简单的UWP应用程序，假设您在Assets文件夹中有“sample.jpg”文件，并且清单中有“图片库”function。
要解决第一个问题，只需将InkCanvas和Image放入相同的容器（如Grid ），但请记住该顺序很重要 ：
如果你把InkCanvas放在第一位（就像你在问题中所做的那样） – 它将不起作用。 但是如果将InkCanvas放在最后 – 一切正常，你可以在你的图像上绘制。
现在要解决第二个问题，你需要使用Win2D（安装nuget Win2D.uwp包），因为标准的RenderTargetBitmap不会渲染InkCanvas内容。 首先绘制原始图像（直接从原始图像中获取图像，例如从原始文件中获取图像），然后在其上绘制墨迹canvas的内容。 MainPage的完整代码（如果你在上面添加xaml，你将有完整的工作样本）：
public sealed partial class MainPage : Page { public MainPage() { this.InitializeComponent(); // just set some properties of ink canvas, not directly relevant to your question ink.InkPresenter.InputDeviceTypes = CoreInputDeviceTypes.Mouse | CoreInputDeviceTypes.Touch; var attr = new InkDrawingAttributes(); attr.Color = Colors.Red; attr.IgnorePressure = true; attr.PenTip = PenTipShape.Circle; attr.Size = new Size(4, 10); ink.InkPresenter.UpdateDefaultDrawingAttributes(attr); } private async void BtnSave_Click(object sender, RoutedEventArgs e) { // grab output file StorageFolder storageFolder = KnownFolders.SavedPictures; var file = await storageFolder.CreateFileAsync("output.jpg", CreationCollisionOption.ReplaceExisting); CanvasDevice device = CanvasDevice.GetSharedDevice(); CanvasRenderTarget renderTarget = new CanvasRenderTarget(device, (int) ink.ActualWidth, (int) ink.ActualHeight, 96); // grab your input file from Assets folder StorageFolder appInstalledFolder = Windows.ApplicationModel.Package.Current.InstalledLocation; StorageFolder assets = await appInstalledFolder.GetFolderAsync("Assets"); var inputFile = await assets.GetFileAsync("sample.jpg"); using (var ds = renderTarget.CreateDrawingSession()) { ds.Clear(Colors.White); var image = await CanvasBitmap.LoadAsync(device, inputFile.Path); // draw your image first ds.DrawImage(image); // then draw contents of your ink canvas over it ds.DrawInk(ink.InkPresenter.StrokeContainer.GetStrokes()); } // save results using (var fileStream = await file.OpenAsync(FileAccessMode.ReadWrite)) { await renderTarget.SaveAsync(fileStream, CanvasBitmapFileFormat.Jpeg, 1f); } } }