Obrázky Scalable Vector Graphics (SVG) jsou oblíbené pro svou škálovatelnost. Často se používají na webu pro zobrazování vizuálních informací. V tomto článku se dozvíte, jak vytvořit soubor obrázku SVG programově pomocí C#. Následující části pokrývají různé případy použití:

C# SVG Image Creator – Instalace API

Aspose.SVG for .NET API lze použít k vytváření, úpravám a manipulaci se soubory obrázků SVG. Můžete iterovat různé uzly nebo převést soubor do podporovaných formátů souborů. Stáhněte si prosím soubory DLL ze sekce New Releases nebo použijte následující instalační příkazy NuGet:

PM> Install-Package Aspose.SVG

Po úspěšné konfiguraci API se můžete naučit, jak vytvořit jednoduchý a základní obrázek SVG a později budete prozkoumávat dále pomocí pokročilého příkladu.

Vytvořte soubor obrázku SVG programově pomocí C#

  1. Soubor obrázku SVG můžete vytvořit pomocí následujících kroků:
  2. Zadejte obsah SVG jako řetězec.
  3. Inicializujte objekt třídy SVGDocument z obsahu řetězce.
  4. Uložte dokument do souboru metodou Save.

Následující kód vysvětluje, jak vytvořit soubor obrázku SVG programově pomocí C#:

// Zadejte obsah SVG jako řetězec
string documentContent = "<svg xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"40\" /></svg>";

// Inicializujte objekt třídy SVGDocument z obsahu řetězce
SVGDocument document = new SVGDocument(documentContent, ".");

// Uložte dokument do souboru
document.Save(dataDir + "test.svg", SVGSaveFormat.SVG);

Vytvořte obrázek SVG s vloženým HTML programově pomocí C#

SVG je konzistentní se všemi jazyky založenými na XML pro popis a vykreslování vloženého obsahu. Můžeš použít prvek pro zahrnutí obsahu HTML do souboru SVG. Chcete-li vytvořit obrázek SVG s vloženým kódem HTML, postupujte podle následujících kroků:

  1. Určete obsah SVG s vloženým HTML.
  2. Zadejte jmenný prostor XHTML, ze kterého pochází cizí objekt.
  3. Inicializujte dokument SVG pomocí SVGDocument.
  4. Uložte dokument do souboru s výčtem SVGSaveFormat.

Níže uvedený kód vysvětluje, jak vytvořit obrázek SVG s vloženým obsahem HTML programově pomocí C#:

// Určete obsah SVG s vloženým HTML.
// Zadejte jmenný prostor XHTML, ze kterého pochází cizí objekt.
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>";

// Inicializujte dokument SVG pomocí SVGDocument.
SVGDocument document = new SVGDocument(documentContent, ".");

// Uložte dokument do souboru s výčtem SVGSaveFormat.
document.Save(dataDir + "Test.svg", SVGSaveFormat.SVG);

Získejte bezplatnou licenci API

Rozhraní Aspose API můžete hodnotit bez jakýchkoli omezení tím, že požádáte o bezplatnou dočasnou licenci.

Závěr

V tomto článku jste se naučili, jak vytvořit obrazové soubory SVG od začátku programově pomocí C#. Prozkoumali jste vytváření jednoduchého obrázku SVG i pokročilého obrázku SVG s vloženým obsahem HTML. Rozhraní API můžete dále prozkoumat, když se podíváte na API Dokumentace. Navíc v případě jakýchkoli dotazů nás neváhejte kontaktovat na Free Support Forum.

Viz také