Xamarin.Forms and Snap.svg - svg

Question

I will try to render some svg's in xamarin forms.
But the existing svg's are written in snap.svg.
Give it a nice why to render such svg's in xamarin forms?
Thank you.

Answer 1

Snap is used for animating svgs in web. You can't use the snap animations of svg in xamarin UI, because they are javascript animations. If you need just the svg, without the animation, you can export the inner svg (take a look here) and then use TwinTechs.SvgImage library for rendering cross-platform svgs in your xamarin.forms application.
EDIT 1:
You can load the svg into a WebView. I've created a sample project, which you can find here.
I've used XLabs's HybridWebView control. It allows to load html into web view. The rest is straightforward. You need to add HTML folder to iOS and Android projects (root project directory and Assets directory respectively). For iOS you need to copy HTML directory manually as described in HybridWebView doc
HybridWebViewRenderer.CopyBundleDirectory("HTML");
Then in your xaml page you declare the web view
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:controls="clr-namespace:XLabs.Forms.Controls;assembly=XLabs.Forms"
x:Class="SvgSample.Views.SvgPage"
BackgroundColor="White">
<controls:HybridWebView
x:Name="webView"
VerticalOptions="FillAndExpand"
HorizontalOptions="FillAndExpand" />
</ContentPage>
And in xaml.cs file you need to load HTML into the web view in OnAppearing method (this is important, otherwise it will not work, again check out HybridWebView doc)
protected override void OnAppearing()
{
base.OnAppearing();
webView.LoadFromContent("HTML/guage.html");
}
I've tested for iOS and Android and it worked.