SVG rendering issues: iOS

[baskren]

Current behavior

SVG rendering defects, by platform:

• iOS : image artifacts in both Microsoft.UI.Xaml.Media.Imaging.SvgImageSource and Resizertizer images

iOS (Rider 2024.3 EAP 3, M2 MBP):

Expected behavior

SVG images should render as they do on other platforms (see test images, below):

Platform test images:

net8.0-windows10.0.19041 ( [after regressing to WindowsAppSDK 1.5](https://github.com/mono/SkiaSharp/issues/2999#issuecomment-2408614781) ): WASM (vs2022, windows, edge): Desktop (Windows - vs2022): Android (Rider 2024.3 EAP 3, M2 MBP): MacCatalyst (MacOS - Rider 2024.3 EAP 3, M2 MBP):

How to reproduce it (as minimally and precisely as possible)

Demo repo: https://github.com/baskren/UnoSvgDefects

Workaround

• iOS rendering issue addressed by using Svg.Skia in a SKXamlCanvas (as shown in demo app).

Works on UWP/WinUI

Yes

Environment

Uno.WinUI / Uno.WinUI.WebAssembly / Uno.WinUI.Skia

NuGet package version(s)

Uno.Sdk : 5.4.10 Svg.Skia : 1.0.0.9 SkiaSharp.Svg : 1.60.0

Affected platforms

iOS

IDE

Rider macOS

IDE version

2024.3 EAP 3

Relevant plugins

No response

Anything else we need to know?

No response

[jeromelaban]

Note for contributors

SVG rendering is done though the Svg.Skia library, used by Resizetizer, and it's likely that the issue is in this library.

[MartinZikmund]

iOS rendering issue addressed by using Svg.Skia in a SKXamlCanvas (as shown in demo app).

@jeromelaban seems that when Svg.Skia is used directly, the artifacts are not present, which is confusing