src/Jellyfin.Drawing.Skia/PlayedIndicatorDrawer.cs


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

using MediaBrowser.Model.Drawing;
using SkiaSharp;

namespace Jellyfin.Drawing.Skia;

/// <summary>
/// Static helper class for drawing 'played' indicators.
/// </summary>
public static class PlayedIndicatorDrawer
{
    private const int OffsetFromTopRightCorner = 38;

    /// <summary>
    /// Draw a 'played' indicator in the top right corner of a canvas.
    /// </summary>
    /// <param name="canvas">The canvas to draw the indicator on.</param>
    /// <param name="imageSize">
    /// The dimensions of the image to draw the indicator on. The width is used to determine the x-position of the
    /// indicator.
    /// </param>
    public static void DrawPlayedIndicator(SKCanvas canvas, ImageDimensions imageSize)
    {
        var x = imageSize.Width - OffsetFromTopRightCorner;

        using var paint = new SKPaint
        {
            Color = SKColor.Parse("#CC00A4DC"),
            Style = SKPaintStyle.Fill
        };

        canvas.DrawCircle(x, OffsetFromTopRightCorner, 20, paint);

        paint.Color = new SKColor(255, 255, 255, 255);
        paint.TextSize = 30;
        paint.IsAntialias = true;

        // or:
        // var emojiChar = 0x1F680;
        const string Text = "✔️";
        var emojiChar = StringUtilities.GetUnicodeCharacterCode(Text, SKTextEncoding.Utf32);

        // ask the font manager for a font with that character
        paint.Typeface = SKFontManager.Default.MatchCharacter(emojiChar);

        canvas.DrawText(Text, (float)x - 12, OffsetFromTopRightCorner + 12, paint);
    }
}