Using SVG images in Xamarin Forms

Question

I'm using the nugget package SVG.Forms.Plugin.Abstractions, I have copied the XAML below from a simple example but cannot get the SVG to show.

The image is in an 'images' folder within the 'TestApp' application and it's build action is 'Embedded Resource'. SvgAssebly is bound to the public assembly below in the viewModel.

All I get is a blank screen with the title text at the top.
Can anyone see anything obviously wrong?

public Assembly SvgAssembly
{
       get { return typeof(App).GetTypeInfo().Assembly; }
}

XAML:

<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
             x:Class="TestApp.MainPage" 
             xmlns:artina="clr-namespace:UXDivers.Artina.Shared;assembly=UXDivers.Artina.Shared" 
             xmlns:local="clr-namespace:TestApp;assembly=TestApp" Title="{ artina:Translate PageTitle}" BackgroundColor="{DynamicResource BasePageColor}"
             xmlns:abstractions="clr-namespace:SVG.Forms.Plugin.Abstractions;assembly=SVG.Forms.Plugin.Abstractions">

    <ContentPage.Content>

        <StackLayout>
            <abstractions:SvgImage
                SvgAssembly="{Binding SvgAssembly }"
                SvgPath="TestApp.images.brand.svg"
                Width="200"
                Height="200" />
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

what device platform are you focusing on ?

LeRoy
– LeRoy

2017-12-18 06:55:00 +00:00
Commented Dec 18, 2017 at 6:55 — LeRoy
– LeRoy, Commented Dec 18, 2017 at 6:55

LeRoy · Accepted Answer · 2017-12-18 07:00:20Z

1

Just a note :

remove the spacing from your binding :

SvgAssembly="{Binding SvgAssembly }"
You should be referencing the image like this :

SvgPath="brand.SVG"

You need to make sure you are referencing the image correctly : my answer from another question here.

answered Dec 18, 2017 at 7:00

LeRoy

4,5562 gold badges40 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ryan Gaudion · Accepted Answer · 2020-01-27 14:31:23Z

0

Try using FFImageLoading as it has an option to use SVG images. It also has the option to cache images on the user's device. Find the documentation below:

https://github.com/luberda-molinet/FFImageLoading/wiki/Xamarin.Forms-API

answered Jan 27, 2020 at 14:31

Ryan Gaudion

1,0771 gold badge13 silver badges32 bronze badges

Collectives™ on Stack Overflow

Using SVG images in Xamarin Forms

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related