Margin cropping Image

[limeniye]

I have an Image:

<Grid ColumnDefinitions="70,Auto,20">
    <Image Grid.Column="0" Source="ms-appx:///SomeApp/Assets/Icons/test1.svg" Stretch="Uniform"/>
</Grid>

I`m trying to use Margin for my image:

<Grid ColumnDefinitions="70,Auto,20">
    <Image Grid.Column="0" Source="ms-appx:///SomeApp/Assets/Icons/test1.svg" Stretch="Uniform" Margin="3"/>
</Grid>

But its just cropping my image.
I`am expecting that it should be like the following example:

<Image Grid.Column="0" Source="ms-appx:///SomeApp/Assets/Icons/test1.svg"
		ui:VisualExtensions.Scale="0.5,0.5,0"
		ui:VisualExtensions.NormalizedCenterPoint="0.5,0.5"
		Stretch="Uniform"/>

But, as you can see its also cropping my image from the bottom and right side.

How can I fix that?

[jeromelaban]

Looks like an SVG margin issue. Could you open an issue with a repro? Thanks!

[limeniye]

https://github.com/limeniye/UnoImageCropping

UnoImageCropping-main.zip

[limeniye]

You can see that first is normal, but second isn't.

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="70"/>
            <RowDefinition Height="70"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!-- First example -->
        <Image Grid.Column="0" Stretch="Uniform" HorizontalAlignment="Left"
	       Source="ms-appx:///UnoImageCropping/Assets/Icons/new.svg"
               ui:VisualExtensions.Scale="0.5,0.5,0"
               ui:VisualExtensions.NormalizedCenterPoint="0.5,0.5"/>

        <!-- Second example -->
        <ScrollViewer Grid.Row="1" VerticalScrollBarVisibility="Disabled" HorizontalScrollBarVisibility="Auto" Margin="10">
            <StackPanel Orientation="Horizontal" CornerRadius="10"
			Background="#fafcfe" BorderBrush="#dce0e4" BorderThickness="2">
                <Grid x:Name="AddNewGrid" ColumnDefinitions="70,Auto,20">
                    <Border Background="Red" Grid.Column="0"/>

                    <Image Grid.Column="0" Stretch="Uniform"
			   HorizontalAlignment="Stretch"
			   Source="ms-appx:///UnoImageCropping/Assets/Icons/new.svg"
			   ui:VisualExtensions.Scale="0.5,0.5,0"
			   ui:VisualExtensions.NormalizedCenterPoint="0.5,0.5"/>
                    <TextBlock Grid.Column="1" Text="New" VerticalAlignment="Center"/>
                </Grid>
            </StackPanel>
        </ScrollViewer>
    </Grid>

[agneszitte]

Some solution detailed here: #13262 (comment)