As imagens Scalable Vector Graphics (SVG) são populares por sua escalabilidade. Eles são frequentemente usados na web para exibir informações visuais. Neste artigo, você aprenderá como criar um arquivo de imagem SVG programaticamente usando C#. As seções a seguir cobrem diferentes casos de uso:

C# SVG Image Creator – Instalação da API

A API Aspose.SVG for .NET pode ser usada para criar, editar e manipular arquivos de imagem SVG. Você pode iterar nós diferentes ou converter o arquivo em formatos de arquivo suportados. Baixe os arquivos DLL da seção New Releases ou use os seguintes comandos de instalação do NuGet:

PM> Install-Package Aspose.SVG

Depois de configurar a API com sucesso, você pode aprender a criar uma imagem SVG simples e básica e depois explorar mais com a ajuda de um exemplo avançado.

Criar arquivo de imagem SVG programaticamente com C#

  1. Você pode criar um arquivo de imagem SVG com as seguintes etapas:
  2. Especifique o conteúdo SVG como uma string.
  3. Inicialize um objeto da classe SVGDocument a partir do conteúdo da string.
  4. Salve o documento em um arquivo com o método Salvar.

O código a seguir explica como criar um arquivo de imagem SVG programaticamente usando C#:

// Especifique o conteúdo SVG como string
string documentContent = "<svg xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"40\" /></svg>";

// Inicialize um objeto da classe SVGDocument a partir do conteúdo da string
SVGDocument document = new SVGDocument(documentContent, ".");

// Salve o documento em um arquivo
document.Save(dataDir + "test.svg", SVGSaveFormat.SVG);

Criar imagem SVG com HTML incorporado programaticamente usando C#

O SVG é consistente com todas as linguagens baseadas em XML para descrição e renderização de conteúdo incorporado. Você pode usar elemento para incluir conteúdo HTML em um arquivo SVG. Siga as etapas a seguir para criar uma imagem SVG com HTML incorporado:

  1. Especifique o conteúdo SVG com HTML incorporado.
  2. Especifique o namespace XHTML do qual o objeto externo se origina.
  3. Inicialize um documento SVG usando SVGDocument.
  4. Salve o documento em um arquivo com enumeração SVGSaveFormat.

O código abaixo explica como criar uma imagem SVG com conteúdo HTML incorporado programaticamente usando C#:

// Especifique o conteúdo SVG com HTML incorporado.
// Especifique o namespace XHTML do qual o objeto externo se origina.
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>";

// Inicialize um documento SVG usando SVGDocument.
SVGDocument document = new SVGDocument(documentContent, ".");

// Salve o documento em um arquivo com enumeração SVGSaveFormat.
document.Save(dataDir + "Test.svg", SVGSaveFormat.SVG);

Obtenha licença de API gratuita

Você pode avaliar APIs Aspose sem quaisquer limitações solicitando uma Licença Temporária Gratuita.

Conclusão

Neste artigo, você aprendeu como criar arquivos de imagem SVG do zero programaticamente usando C#. Você explorou a criação de uma imagem SVG simples, bem como uma imagem SVG avançada com conteúdo HTML incorporado. Você pode explorar ainda mais a API dando uma olhada na API Documentação. Além disso, em caso de dúvidas, não hesite em nos contatar no Fórum de Suporte Gratuito.

Veja também