Obrazy skalowalnej grafiki wektorowej (SVG) są popularne ze względu na ich skalowalność. Są często używane w Internecie do wyświetlania informacji wizualnych. W tym artykule dowiesz się, jak programowo utworzyć plik obrazu SVG przy użyciu języka C#. Poniższe sekcje dotyczą różnych przypadków użycia:

C# SVG Image Creator – instalacja API

Aspose.SVG for .NET API może służyć do tworzenia, edytowania i manipulowania plikami graficznymi SVG. Możesz iterować różne węzły lub konwertować plik do obsługiwanych formatów plików. Pobierz pliki DLL z sekcji New Releases lub użyj następujących poleceń instalacyjnych NuGet:

PM> Install-Package Aspose.SVG

Po pomyślnym skonfigurowaniu interfejsu API możesz dowiedzieć się, jak utworzyć prosty i podstawowy obraz SVG, a później będziesz eksplorować dalej za pomocą zaawansowanego przykładu.

Utwórz programowo plik obrazu SVG za pomocą C#

  1. Możesz utworzyć plik obrazu SVG, wykonując następujące czynności:
  2. Określ zawartość SVG jako ciąg znaków.
  3. Zainicjuj obiekt klasy SVGDocument z treści łańcucha.
  4. Zapisz dokument do pliku metodą Save.

Poniższy kod wyjaśnia, jak programowo utworzyć plik obrazu SVG przy użyciu języka C#:

// Określ zawartość SVG jako ciąg znaków
string documentContent = "<svg xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"40\" /></svg>";

// Zainicjuj obiekt klasy SVGDocument z zawartości łańcucha
SVGDocument document = new SVGDocument(documentContent, ".");

// Zapisz dokument do pliku
document.Save(dataDir + "test.svg", SVGSaveFormat.SVG);

Utwórz obraz SVG z osadzonym kodem HTML programowo przy użyciu języka C#

SVG jest zgodny ze wszystkimi językami opartymi na XML do opisywania i renderowania osadzonych treści. Możesz użyć element, aby dołączyć zawartość HTML do pliku SVG. Wykonaj następujące kroki, aby utworzyć obraz SVG z osadzonym kodem HTML:

  1. Określ zawartość SVG z osadzonym kodem HTML.
  2. Określ przestrzeń nazw XHTML, z której pochodzi obiekt obcy.
  3. Zainicjuj dokument SVG za pomocą SVGDocument.
  4. Zapisz dokument do pliku z wyliczeniem SVGSaveFormat.

Poniższy kod wyjaśnia, jak programowo utworzyć obraz SVG z osadzoną zawartością HTML przy użyciu języka C#:

// Określ zawartość SVG z osadzonym kodem HTML.
// Określ przestrzeń nazw XHTML, z której pochodzi obiekt obcy.
string documentContent = "<svg viewBox =\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\">\n  <style>\n    div {\n      color: white;\n      font: 18px serif;\n      height: 100%;\n      overflow: hidden;\n    }\n  </style>\n \n  <polygon points=\"5,5 195,10 185,185 10,195\" />\n\n  <!-- Common use case: embed HTML text into SVG -->\n  <foreignObject x=\"20\" y=\"20\" width=\"160\" height=\"160\">\n    <!--\n      In the context of SVG embedded in an HTML document, the XHTML \n      namespace could be omitted, but it is mandatory in the \n      context of an SVG document\n    -->\n    <div xmlns=\"http://www.w3.org/1999/xhtml\">\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n      Sed mollis mollis mi ut ultricies. Nullam magna ipsum,\n      porta vel dui convallis</div>\n  </foreignObject>\n</svg>";

// Zainicjuj dokument SVG za pomocą SVGDocument.
SVGDocument document = new SVGDocument(documentContent, ".");

// Zapisz dokument do pliku z wyliczeniem SVGSaveFormat.
document.Save(dataDir + "Test.svg", SVGSaveFormat.SVG);

Uzyskaj bezpłatną licencję API

Możesz oceniać interfejsy API Aspose bez żadnych ograniczeń, prosząc o Bezpłatną licencję tymczasową.

Wniosek

W tym artykule nauczyłeś się, jak programowo tworzyć pliki obrazów SVG od podstaw przy użyciu języka C#. Poznałeś tworzenie prostego obrazu SVG, jak również zaawansowanego obrazu SVG z osadzoną zawartością HTML. Możesz dokładniej zapoznać się z interfejsem API, przeglądając API Dokumentacja. Ponadto, w przypadku jakichkolwiek pytań, prosimy o kontakt z nami na Bezpłatnym forum wsparcia.

Zobacz też