[UI] Export app SVG

Directory.Packages.props

@@ -1,7 +1,7 @@
 <Project>
   <PropertyGroup>
     <ManagePackageVersionsCentrally>true</ManagePackageVersionsCentrally>
-	  <AvaloniaVersion>11.0.999-cibuild0044755-beta</AvaloniaVersion>
+	  <AvaloniaVersion>11.1.999-cibuild0045038-beta</AvaloniaVersion>
   </PropertyGroup>
   <ItemGroup>
 	<!-- AspNetCore. -->

WalletWasabi.Fluent/Controls/FadeOutTextBlock.cs

@@ -42,11 +42,13 @@ protected override void RenderTextLayout(DrawingContext context, Point origin)
 			var hasCollapsed = TrimmedTextBlock.TextLayout.TextLines[0].HasCollapsed;
 			if (hasCollapsed)
 			{
+				// NOTE: Disable OpacityMask for making screenshots
 				using var _ = context.PushOpacityMask(FadeoutOpacityMask, Bounds);
 				TextLayout.Draw(context, origin + new Point(TextLayout.OverhangLeading, 0));
 			}
 			else
 			{
+				// NOTE: Disable OpacityMask for making screenshots
 				using var _ = context.PushOpacityMask(OpacityMask, Bounds);
 				TextLayout.Draw(context, origin + new Point(TextLayout.OverhangLeading, 0));
 			}

WalletWasabi.Fluent/Helpers/FileDialogHelper.cs

@@ -52,6 +52,13 @@
 		MimeTypes = new[] { "image/png" }
 	};
 
+	public static FilePickerFileType Svg { get; } = new("SVG Files")
+	{
+		Patterns = new[] {"*.svg"},
+		AppleUniformTypeIdentifiers = new[] {"public.svg-image"},
+		MimeTypes = new[] {"image/svg+xml"}
+	};
+
 	private static IStorageProvider? GetStorageProvider()
 	{
 		if (Application.Current?.ApplicationLifetime is IClassicDesktopStyleApplicationLifetime { MainWindow: { } window })
@@ -109,6 +116,11 @@
 						fileTypeFilters.Add(Png);
 						break;
 					}
+				case "svg":
+				{
+					fileTypeFilters.Add(Svg);
+					break;
+				}
 			}
 		}
 

WalletWasabi.Fluent/Screenshot/Capture.cs

@@ -5,6 +5,9 @@
 using Avalonia.Input;
 using Avalonia.Interactivity;
 using Avalonia.Media.Imaging;
+using Avalonia.Skia.Helpers;
+using Avalonia.Threading;
+using SkiaSharp;
 using WalletWasabi.Fluent.Helpers;
 
 namespace WalletWasabi.Fluent.Screenshot;
@@ -33,16 +36,35 @@ private static async Task SaveAsync(TopLevel root)
 	{
 		var file = await FileDialogHelper.SaveFileAsync(
 			"Save screenshot...",
-			new[] { "png", "*" },
-			"WalletWasabi.png",
+			["svg", "png", "*"],
+			"WalletWasabi.svg",
 			Environment.GetFolderPath(Environment.SpecialFolder.MyPictures));
 		if (file is not null)
 		{
-			Save(root, root.Bounds.Size, file.Path.AbsolutePath);
+			await SaveAsync(root, root.Bounds.Size, file.Path.AbsolutePath);
 		}
 	}
 
-	private static void Save(Control? target, Size size, string path)
+	private static void RenderAsPng(Control target, Size size, FileStream stream)
+	{
+		var pixelSize = new PixelSize((int) size.Width, (int) size.Height);
+		var dpiVector = new Vector(96d, 96d);
+		using var bitmap = new RenderTargetBitmap(pixelSize, dpiVector);
+		target.Measure(size);
+		target.Arrange(new Rect(size));
+		bitmap.Render(target);
+		bitmap.Save(stream);
+	}
+
+	private static async Task RenderAsSvgAsync(Stream stream, Size size, Visual visual)
+	{
+		using var managedWStream = new SKManagedWStream(stream);
+		var bounds = SKRect.Create(new SKSize((float) size.Width, (float) size.Height));
+		using var canvas = SKSvgCanvas.Create(bounds, managedWStream);
+		await DrawingContextHelper.RenderAsync(canvas, visual);
+	}
+
+	private static async Task SaveAsync(Control? target, Size size, string path)
 	{
 		if (target is null)
 		{
@@ -53,17 +75,17 @@ private static void Save(Control? target, Size size, string path)
 		switch (extension.ToLower())
 		{
 			case ".png":
-				{
-					using var stream = File.Create(path);
-					var pixelSize = new PixelSize((int)size.Width, (int)size.Height);
-					var dpiVector = new Vector(96d, 96d);
-					using var bitmap = new RenderTargetBitmap(pixelSize, dpiVector);
-					target.Measure(size);
-					target.Arrange(new Rect(size));
-					bitmap.Render(target);
-					bitmap.Save(stream);
-					break;
-				}
+			{
+				await using var stream = File.Create(path);
+				RenderAsPng(target, size, stream);
+				break;
+			}
+			case ".svg":
+			{
+				await using var stream = File.Create(path);
+				await RenderAsSvgAsync(stream, size, target);
+				break;
+			}
 		}
 	}
 }

WalletWasabi.Fluent/Views/MainWindow.axaml

@@ -24,6 +24,10 @@
         RenderOptions.TextRenderingMode="SubpixelAntialias"
         RenderOptions.RequiresFullOpacityHandling="True">
   <Window.Styles>
+    <!-- NOTE: Uncomment ClipToBounds for making screenshots -->
+    <!-- <Style Selector=":is(Control):not(:is(ScrollViewer))"> -->
+    <!--   <Setter Property="ClipToBounds" Value="False" /> -->
+    <!-- </Style> -->
     <Style Selector="TitleBar">
       <Setter Property="Foreground" Value="{DynamicResource AcrylicTrimForeground}" />
     </Style>
@@ -38,6 +42,7 @@
     Do not remove as the OpacityMask is needed for RenderOptions.TextRenderingMode="SubpixelAntialias"
     to work without artifacts until the https://github.com/AvaloniaUI/Avalonia/issues/13265 issue is fixed in Avalonia
     -->
+    <!-- NOTE: Disable OpacityMask for making screenshots -->
     <Panel.OpacityMask>
       <LinearGradientBrush StartPoint="0%,0%"
                            EndPoint="100%,0%">