Circle image in Xamarin Forms is not a perfect circle
<p>I have an image renderer using the code here: <a href="https://blog.xamarin.com/elegant-circle-images-in-xamarin-forms/" rel="nofollow noreferrer">https://blog.xamarin.com/elegant-circle-images-in-xamarin-forms/</a></p>

<pre><code>public class ImageCircleRenderer: ImageRenderer
{
    private void CreateCircle()
    {
        try
        {
            double min = Math.Min(Element.Width, Element.Height);
            Control.Layer.CornerRadius = (float)(min / 2.0);
            Control.Layer.MasksToBounds = false;
            Control.ClipsToBounds = true;
        }
        catch (Exception ex)
        {
            Debug.WriteLine("Unable to create circle image: " + ex);
        }
    }

    protected override void OnElementChanged(ElementChangedEventArgs&lt;Image&gt; e)
    {
        base.OnElementChanged(e);

        if (e.OldElement != null || Element == null)
        {
            return;
        }

        CreateCircle();
    }

    protected override void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
    {
        base.OnElementPropertyChanged(sender, e);

        if (e.PropertyName == VisualElement.HeightProperty.PropertyName ||
            e.PropertyName == VisualElement.WidthProperty.PropertyName)
        {
            CreateCircle();
        }
    }
}
</code></pre>

<p>Then I set my table view, with a view cell containing a photo.</p>

<p>Like this:</p>

<pre><code>    private void SetTableView()
    {
        int photoSize = 120;
        var photo = new ImageCircle
        {
            Source = "profile_placeholder.png",
            WidthRequest = photoSize,
            HeightRequest = photoSize,
            Aspect = Aspect.AspectFill,
            HorizontalOptions = LayoutOptions.Center,
            Scale = 1.0
        };

        Content = new TableView
        {
            HasUnevenRows = true,
            Intent = TableIntent.Menu,
            Root = new TableRoot()
            {
                new TableSection()
                {
                    new ViewCell
                    {
                        Height = photoSize,
                        View = new StackLayout
                        {
                            Orientation = StackOrientation.Horizontal,
                            HorizontalOptions = LayoutOptions.Start,
                            VerticalOptions = LayoutOptions.Start,
                            Padding = 15,
                            Children =
                            {
                                photo,
                                new Label
                                {
                                    Text = "Casa de Férias"
                                }
                            }
                        }
                    }
                }

            }

        };

    }
</code></pre>

<p>Unfortunately, the result is this:</p>

<p><a href="https://i.stack.imgur.com/APTv6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/APTv6.png" alt="enter image description here"></a></p>

<p>How can I make this picture a perfect circle? I don't see ay reason of why this would not work...</p>

<p>I've set the same width and height, and it should fill the available space keeping the aspect ratio as defined in the Aspect property of the Image.</p>

<p>What am I missing?</p>

<p>Thank you!</p>

<p>edit: I tried using the ImageCircle plugin from James Montemagno, and the same thing happens. I'm guessing it's a problem with my layout maybe?</p>