Dodaj objaśnienie do obrazu w C# | Objaśnienia do zdjęć | Objaśnienia obrazu

Objaśnienie obrazu to element graficzny, który pomaga zwrócić uwagę na określone części obrazu lub zdjęcia. Objaśnienia to tajna broń, dzięki której wszelkie treści wizualne stają się wyraźniejsze i skuteczniejsze. Pomyśl o nich jak o małych reflektorach oświetlających najważniejsze części Twojego obrazu. W tym artykule dowiemy się, jak dodawać objaśnienia do obrazów w języku C#.

W tym artykule poruszono następujące tematy:

  1. Co to są objaśnienia graficzne
  2. C# API do dodawania objaśnień graficznych
  3. Jak dodać objaśnienia do obrazów w C#
  4. Darmowe zasoby

Co to są objaśnienia graficzne?

Objaśnienia obrazów to etykiety informacyjne nałożone na obraz, aby zwrócić uwagę na określone części i wyjaśnić ich znaczenie. Objaśnienia obrazów mogą mieć formę linii odniesienia lub strzałek, wizualnie łącząc tekst objaśnienia z wyróżnionymi obszarami obrazów. Mogą to być pola tekstowe objaśnień, zawierające krótkie wyjaśnienie lub identyfikację wskazanych elementów.

Objaśnienia graficzne są powszechnie używane w:

  • Dokumenty techniczne i samouczki: Aby wskazać określone funkcje lub funkcjonalności na zrzutach ekranu lub diagramach.
  • Prezentacje: Aby podkreślić kluczowe elementy obrazu.
  • Materiały edukacyjne: Do oznaczania części ilustracji lub wykresu.

Interfejs API języka C# umożliwiający dodawanie objaśnień obrazu

Do programowego dodawania objaśnień obrazów w języku C# użyjemy interfejsu API Aspose.Drawing for .NET. Jest to wieloplatformowa biblioteka grafiki 2D do programowego rysowania tekstu, geometrii i obrazów. Zapewnia funkcjonalność tworzenia i dodawania objaśnień do obrazów.

Proszę pobierz bibliotekę DLL interfejsu API lub zainstaluj ją za pomocą NuGet.

PM> Install-Package Aspose.Drawing

Jak dodać objaśnienia do obrazów w C#

Możemy łatwo programowo dodawać objaśnienia do obrazów, wykonując poniższe kroki:

  1. Załaduj obraz za pomocą metody Image.FromFile().
  2. Utwórz nowy obiekt Graphics za pomocą metody FromImage().
  3. Zainicjuj obiekt klasy Pen o określonym kolorze i rozmiarze, aby narysować objaśnienia.
  4. Zdefiniuj położenie elementu objaśnienia o określonym kolorze i rozmiarze.
  5. Następnie napisz tekst za pomocą metody DrawString().
  6. Na koniec zapisz obraz wyjściowy za pomocą metody Save().

Poniższy przykładowy kod pokazuje, jak dodać objaśnienia do obrazu w języku C#.

using System.Drawing;
using System.Drawing.AsposeDrawing;
using System.Drawing.Imaging;
using System.Drawing.Text;

using (var image = Image.FromFile("gears.png"))
{
    var graphics = Graphics.FromImage(image);

    graphics.TextRenderingHint = TextRenderingHint.AntiAliasGridFit;
    graphics.PageUnit = GraphicsUnit.Pixel;

    DrawCallOut(graphics, new PointF(107, 55), new PointF(179, 5), 74, "mm");

    DrawCallOut(graphics, new PointF(111, 146), new PointF(29, 180), 28, "mm");

    image.Save("gears_with_callout.jpg");
}


void DrawCallOut(Graphics graphic, PointF startAnchor, PointF endAnchor, int value, string unit)
{
    Pen pen = new Pen(Color.Red, 1);

    Font font = new Font("Arial", 10, FontStyle.Bold);

    string outputValue = $"{value} {unit}";

    var textSize = graphic.MeasureString(outputValue, font);

    int diameterSymbolSize = 12;
    int spaceSize = 3;

    textSize.Width += diameterSymbolSize + spaceSize;

    float callOutMiddleX = endAnchor.X > startAnchor.X ? endAnchor.X - textSize.Width : endAnchor.X + textSize.Width;
    float callOutMiddleY = endAnchor.Y > startAnchor.Y ? endAnchor.Y - textSize.Height : endAnchor.Y + textSize.Height;

    graphic.DrawLine(pen, startAnchor.X, startAnchor.Y, callOutMiddleX, callOutMiddleY);

    float textAnchorX = Math.Min(callOutMiddleX, endAnchor.X);
    float textAnchorY = callOutMiddleY;
    graphic.DrawLine(pen, callOutMiddleX, callOutMiddleY,
                        textAnchorX == callOutMiddleX ? textAnchorX + textSize.Width : textAnchorX,
                        callOutMiddleY);

    graphic.DrawEllipse(pen, new Rectangle((int)textAnchorX + spaceSize,
                                            (int)(textAnchorY - textSize.Height) + spaceSize, 10, 10));

    graphic.DrawLine(pen, (int)textAnchorX + 1, (int)textAnchorY - 1,
                            (int)textAnchorX + diameterSymbolSize + 2,
                            (int)textAnchorY - diameterSymbolSize - 2);

    SolidBrush brush = new SolidBrush(Color.Blue);

    graphic.DrawString(outputValue, font, brush, (int)textAnchorX + diameterSymbolSize + spaceSize,
                                                    (int)(textAnchorY - textSize.Height));
}
Dodaj objaśnienia do obrazów w C#

Dodaj objaśnienia do obrazów w C#

Zdobądź bezpłatną licencję

Możesz uzyskać bezpłatną licencję tymczasową, aby wypróbować Aspose.Drawing for .NET bez ograniczeń ewaluacyjnych.

Objaśnienia do zdjęć — bezpłatne zasoby

Oprócz dodawania objaśnień do zdjęć i obrazów możesz eksplorować różne inne funkcje biblioteki, korzystając z poniższych zasobów:

Wniosek

W tym poście dowiedzieliśmy się, jak programowo dodawać objaśnienia do obrazów i zdjęć w języku C#. Dodawanie objaśnień do obrazów może być prostym, ale skutecznym sposobem na poprawę atrakcyjności wizualnej i użyteczności treści. Postępując zgodnie z opisanymi krokami i korzystając z podanego przykładowego kodu, możesz łatwo zwrócić uwagę na kluczowe elementy swoich obrazów. W przypadku jakichkolwiek niejasności prosimy o kontakt na naszym bezpłatnym forum pomocy technicznej.

Zobacz też