Scalable Vector Graphics (SVG)-bilder är populära för sin skalbarhet. De används ofta över webben för att visa visuell information. I den här artikeln kommer du att lära dig hur du skapar en SVG-bildfil programmatiskt med C#. Följande avsnitt täcker olika användningsfall:

C# API för att skapa SVG-bilder – API-installation

Aspose.SVG for .NET API kan användas för att skapa, redigera och manipulera SVG-bildfiler. Du kan iterera olika noder eller konvertera filen till filformat som stöds. Ladda ner DLL-filerna från avsnittet New Releases eller använd följande NuGet-installationskommandon:

PM> Install-Package Aspose.SVG

Efter att ha konfigurerat API framgångsrikt kan du lära dig hur du skapar en enkel och grundläggande SVG-bild och senare kommer du att utforska vidare med hjälp av ett avancerat exempel.

Skapa SVG-bild med C#

  1. Du kan skapa en SVG-bildfil med följande steg:
  2. Ange SVG-innehåll som en sträng.
  3. Initiera ett objekt av klassen SVGDocument från strängens innehåll.
  4. Spara dokumentet i en fil med metoden Save.

Följande kod förklarar hur man skapar en SVG-bildfil programmatiskt med C#:

// Ange SVG-innehåll som sträng
string documentContent = "<svg xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"40\" /></svg>";

// Initiera ett objekt av SVGDocument-klassen från strängens innehåll
SVGDocument document = new SVGDocument(documentContent, ".");

// Spara dokumentet i en fil
document.Save(dataDir + "test.svg", SVGSaveFormat.SVG);

Skapa SVG-bild med inbäddad HTML i C#

SVG överensstämmer med alla XML-baserade språk för beskrivning och rendering av inbäddat innehåll. Du kan använda element för att inkludera HTML-innehåll i en SVG-fil. Följ följande steg för att skapa SVG-bild med inbäddad HTML:

  1. Ange SVG-innehåll med inbäddad HTML.
  2. Ange XHTML-namnutrymmet från vilket det främmande objektet kommer.
  3. Initiera ett SVG-dokument med SVGDocument.
  4. Spara dokumentet i en fil med SVGSaveFormat uppräkning.

Koden nedan förklarar hur man skapar en SVG-bild med inbäddat HTML-innehåll programmatiskt med C#:

// Ange SVG-innehåll med inbäddad HTML.
// Ange XHTML-namnutrymmet från vilket det främmande objektet kommer.
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>";

// Initiera ett SVG-dokument med SVGDocument.
SVGDocument document = new SVGDocument(documentContent, ".");

// Spara dokumentet i en fil med SVGSaveFormat-uppräkning.
document.Save(dataDir + "Test.svg", SVGSaveFormat.SVG);

Få gratis API-licens

Du kan utvärdera Aspose API:er utan några begränsningar genom att begära en gratis temporär licens.

Slutsats

I den här artikeln har du lärt dig hur du skapar SVG-bildfiler från början programmatiskt med C#. Du har utforskat att skapa en enkel SVG-bild samt en avancerad SVG-bild med inbäddat HTML-innehåll. Du kan utforska API:et ytterligare genom att ta en titt på API Dokumentation. Dessutom, vid eventuella frågor är du välkommen att kontakta oss på Free Support Forum.

Se även