[Bug] [WinUI3] Margin cropping image

[limeniye]

Steps

Create WinUI sample with the following code:

    <Grid Height="70" Width="70">
        <Border Background="Red"/>
        <Image Stretch="Uniform"
               Source="Assets/new.svg" Margin="20"/>
    </Grid>

Expectations

Image should change his size from 70/70 to 30/30 because of Margin="20"

Result

Image cropping:

Option info

Microsoft.WindowsAppSDK Version="1.3.230602002"
Microsoft.Windows.SDK.BuildTools Version="10.0.22621.755"
Visual Studio Community 2022 17.7.0 Preview 5.0

new.svg

[agneszitte]

@limeniye I think this could be a workaround for your specific case here using RasterizePixelHeight and RasterizePixelWidth with SvgImageSource. Your current SVG here has a size of 48*48, so you can turn it into a bitmap of 48x48 using the RasterizePixelHeight and RasterizePixelWidth values and then the image scales that to 30x30 with a Margin of 20.

	<Grid Height="70"
		  Width="70">
		<Border Background="Red" />
		<Image Margin="20"
			   Stretch="Uniform"
			   VerticalAlignment="Center">
			<Image.Source>
				<SvgImageSource UriSource="Assets/new.svg"
								RasterizePixelHeight="48"
								RasterizePixelWidth="48" />
			</Image.Source>
		</Image>
	</Grid>

(I have also answered a similar discussion you have opened on the Uno Platform repo here: unoplatform/uno#13262 (comment) with another solution.)

[limeniye]

@agneszitte, thank you very much for the detailed answer.
I really appreciate your time