Dessine une spline (chemin lisse) avec SkiaSharp lib sur Xamarin.Forms?

Question

Je fais l'application avec l'aide de formes Xamarin. Je veux dessiner un chemin lisse (spline) avec SKPath, mais je suis incapable de trouver un moyen simple d'y parvenir.

Skiasharp ne le supporte pas actuellement à moins que je ne fasse moi-même le chemin en douceur.

Merci.

Answer 1

SkiaSharp soutient courbes de Bézier cubiques. Donc, ce que vous pouvez faire, c'est diviser la spline en segments (les points déterminent les extrémités du segment), et dessiner chaque segment en utilisant une courbe de Bézier cubique. Pour ce faire, vous devez introduire deux points de contrôle entre chaque point de votre courbe spline. Ces points doivent être sélectionnés de sorte que les courbes dans les segments voisins se connectent en douceur.

Je viens de faire une implémentation de cela. La méthode public static SKPath CreateSpline(params SKPoint[] Points) génère un chemin que vous pouvez utiliser pour dessiner une spline entre les points. Vous pouvez voir ici la mise en œuvre:

https://github.com/PeterWaher/IoTGateway/blob/master/Script/Waher.Script.Graphs/Functions/Plots/Plot2DCurve.cs

Exemple:

Answer 2

Je ne sais pas exactement ce que vous demandez, mais il y a deux zones de lissage:

Anti-aliasing en utilisant SKPaint.IsAntialias:

var paint = new SKPaint { 
    IsAntialias = true 
}; 
canvas.DrawPath (path, paint); 

Courbes de chemin:

Si vous avez besoin courbes dans le chemin, tels que les coins arrondis, vous devrez utiliser les différentes méthodes de courbe. Ceux-ci comprennent, mais sans s'y limiter, SKPath.ArcTo() et 'SKPath.CubicTo():

var path = new SKPath(); 
path.MoveTo(10, 10); 
path.ArcTo(SKRect.Create(10, 10, 30, 30), 0, 45); 

Chemin docs: https://developer.xamarin.com/api/type/SkiaSharp.SKPath/