Scalable Vector Graphics (SVG) to zaawansowany format obrazu, którego można używać do tworzenia wysokiej jakości, skalowalnych obrazów dla Internetu. Obrazy SVG są tworzone przy użyciu kodu XML, co ułatwia ich tworzenie i modyfikowanie. W niektórych przypadkach może zaistnieć potrzeba osadzenia zasobów, takich jak obrazy PNG lub JPG, w formacie SVG. W tym poście na blogu pokażemy, jak utworzyć plik SVG z obrazem w środku przy użyciu języka C#.
W tym artykule omówiono następujące tematy:
- C# API do tworzenia SVG z obrazem w środku
- Osadź PNG w SVG
- Osadź SVG w SVG
- Uzyskaj bezpłatną licencję
- Darmowe zasoby edukacyjne
API C# do tworzenia SVG z obrazem w środku
Użyjemy Aspose.SVG for .NET, aby utworzyć plik SVG z obrazem w środku. Umożliwia programistom pracę z plikami SVG w aplikacjach .NET. Interfejs API umożliwia ładowanie, analizowanie, renderowanie, tworzenie i konwertowanie plików SVG do popularnych formatów bez zależności programowych.
Proszę pobierz bibliotekę DLL interfejsu API lub zainstaluj ją za pomocą NuGet.
PM> Install-Package Aspose.SVG
Osadź PNG w SVG przy użyciu C#
Możemy łatwo osadzać obrazy bitmapowe w obiekcie SVG za pomocą SVG <image> element. SVG<image> umożliwia renderowanie obrazów w różnych formatach, takich jak JPEG, PNG, a nawet grafika SVG. Atrybuty <image> element określa sposób wyświetlania mapy bitowej. Do podstawowych atrybutów należą:
- x i y: oznaczają współrzędne lewego górnego rogu obrazu.
- szerokość i wysokość: Określają szerokość i wysokość „okna”, w którym obraz będzie wyświetlany. Obydwa te atrybuty są obowiązkowe.
- href i xlink:href: Te atrybuty wskazują adres URL pliku obrazu.
- keepAspectRatio: Ten atrybut określa sposób proporcjonalnego skalowania obrazu.
Możemy łatwo utworzyć plik SVG z plikiem PNG w środku, wykonując poniższe czynności:
- Określ zawartość SVG jako ciąg.
- Następnie utwórz instancję klasy SVGDocument na podstawie treści ciągu.
- Na koniec zapisz obraz za pomocą metody Save().
Poniższy przykładowy kod pokazuje, jak osadzić obraz PNG w pliku SVG przy użyciu języka C#.
// Określ zawartość SVG z osadzonym obrazem PNG.
string content = "<svg height=\"500\" width=\"600\" xmlns=\"http://www.w3.org/2000/svg\">\r\n " +
"<circle cx=\"120\" cy=\"100\" r=\"90\" style=\"fill:blue; stroke-width:3; stroke:rgb(0,0,0); fill-opacity:0.7\" />" +
"<image href=\"https://www.aspose.cloud/templates/aspose/App_Themes/V3/images/svg/272x272/aspose_svg-for-net.png\" x=\"70\" y=\"50\" height=\"100\" width=\"100\" />\r\n \t" +
"<text x=\"40\" y=\"250\">Embedded PNG image</text>\r\n \t" +
"</svg>";
// Zainicjuj dokument SVG za pomocą SVGDocument.
SVGDocument document = new SVGDocument(content, ".");
// Zapisz dokument do pliku z wyliczeniem SVGSaveFormat.
document.Save("C:\\Files\\EmbedPNG.svg", SVGSaveFormat.SVG);
Osadź PNG w SVG przy użyciu C#.
Osadź SVG w SVG za pomocą C#
Podobnie możemy utworzyć plik SVG z obrazem SVG w środku, wykonując kroki wymienione wcześniej.
Poniższy przykładowy kod pokazuje, jak osadzić obraz SVG w pliku SVG przy użyciu języka C#.
// Określ zawartość SVG z osadzonym obrazem SVG.
string documentContent = "<svg height=\"500\" width=\"500\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t" +
"<image href=\"https://docs.aspose.com/svg/net/navigation-inspection/shapes.svg\" x=\"250\" y=\"10\" height=\"350\" width=\"350\" />\r\n \t" +
"<text x=\"300\" y=\"250\">Embedded SVG image</text> \r\n" +
"</svg>";
// Zainicjuj dokument SVG za pomocą SVGDocument.
SVGDocument document = new SVGDocument(documentContent, ".");
// Zapisz dokument do pliku z wyliczeniem SVGSaveFormat.
document.Save("C:\\Files\\EmbedSVG.svg", SVGSaveFormat.SVG);
Osadź SVG w SVG za pomocą C#.
Zdobądź bezpłatną licencję
Możesz uzyskać bezpłatną licencję tymczasową, aby wypróbować Aspose.SVG for .NET bez ograniczeń ewaluacyjnych.
SVG z obrazem w środku — bezpłatne zasoby
Możesz dowiedzieć się więcej o różnych funkcjach biblioteki, korzystając z poniższych zasobów:
Wniosek
Podsumowując, tworzenie obrazów SVG z osadzonymi obrazami przy użyciu języka C# jest stosunkowo prostym procesem. Wykonując kroki opisane w tym samouczku, możesz utworzyć własne niestandardowe obrazy SVG, których można używać w swojej witrynie internetowej lub aplikacjach. Wykorzystując Aspose.SVG for .NET, potężną i wszechstronną bibliotekę SVG, możesz łatwo tworzyć obrazy SVG z osadzonymi obrazami, których można używać na dowolnym urządzeniu. W przypadku jakichkolwiek niejasności prosimy o kontakt na naszym bezpłatnym forum pomocy technicznej.