Den här snabbguiden tar upp detaljerna för att konvertera text till SVG med C#. Den inkluderar steg-för-steg-processen och en körbar exempelkod för att göra SVG från text med C#. Dessutom kommer du också att lära dig hur du anpassar utdata-SVG-filen som innehåller text enligt dina krav.
Steg för att skapa SVG från text med C#
- Ställ in IDE för att använda Aspose.SVG for .NET för att konvertera text till SVG-bild
- Skapa en instans av klassen SVGDocument och få åtkomst till SVG-rotelementet
- Definiera SVG-textelement med metoden CreateElementNS
- Ange textinnehållet och ställ in olika utseendeattribut
- Lägg till text i roten och rendera den utgående SVG-bilden
Dessa steg förklarar processen för att skapa SVG-text med C#. Börja processen genom att förbereda miljön på din sida som en förutsättning. Ange därefter textsträngen och olika utseendeparametrar som färg- och positionskoordinater innan du renderar utdatavektorbilden.
Kod för att skapa text SVG med C#
| using Aspose.Svg; | |
| using System; | |
| class Program | |
| { | |
| static void Main(string[] args) // Text to SVG in C# | |
| { | |
| new License().SetLicense("License.lic"); | |
| // Create SVGDocument class object | |
| var document = new Aspose.Svg.SVGDocument(); | |
| // Get root svg element | |
| var svgElement = document.RootElement; | |
| const string @namespace = "http://www.w3.org/2000/svg"; | |
| // Define SVG Text element | |
| var text = (Aspose.Svg.SVGTextElement)document.CreateElementNS(@namespace, "text"); | |
| // Define text to show | |
| text.TextContent = "Sample Text in SVG"; | |
| // Set various attributes | |
| text.SetAttribute("fill", "blue"); text.SetAttribute("x", "10"); | |
| text.SetAttribute("y", "30"); | |
| // Append text to the root | |
| svgElement.AppendChild(text); | |
| // Save output SVG | |
| document.Save("svg-text.svg"); | |
| Console.WriteLine("Text converted to SVG successfully"); | |
| } | |
| } |
Den här exempelkoden visar den grundläggande versionen för att skapa SVG från text med C#. Initiera först klassobjektet SVGDocument och rotelementet nås med RootElement-egenskapen. Därefter definieras SVG-textelementet och läggs till i roten med metoden AppendChild innan SVG-utmatningsbilden exporteras. Du kan dock förbättra den här koden ytterligare genom att ställa in textvägen, textstilen och TSpan för att tillämpa olika utseenden på texten i SVG-bilden.
Den här artikeln har lärt oss att skapa text SVG med C#. Dessutom, om du vill ändra bakgrundsfärgen för en SVG, läs artikeln om hur man ändrar bakgrundsfärg för SVG i C#.
