Масштабируемая векторная графика (SVG) популярна благодаря своей масштабируемости. Они часто используются в Интернете для отображения визуальной информации. В этой статье вы узнаете, как программно создать файл изображения SVG с помощью C#. В следующих разделах рассматриваются различные варианты использования:

C# SVG Image Creator — установка API

Aspose.SVG для .NET API можно использовать для создания, редактирования и управления файлами изображений SVG. Вы можете перебирать различные узлы или преобразовывать файл в поддерживаемые форматы файлов. Загрузите файлы DLL из раздела Новые выпуски или используйте следующие команды установки NuGet:

PM> Install-Package Aspose.SVG

После успешной настройки API вы можете узнать, как создать простое и базовое изображение SVG, а позже вы продолжите изучение с помощью расширенного примера.

Программно создать файл изображения SVG с помощью C#

  1. Вы можете создать файл изображения SVG, выполнив следующие действия:
  2. Укажите содержимое SVG в виде строки.
  3. Инициализировать объект класса SVGDocument из строкового содержимого.
  4. Сохраните документ в файл методом Save.

Следующий код объясняет, как программно создать файл изображения SVG с помощью C#:

// Укажите содержимое SVG как строку
string documentContent = "<svg xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"40\" /></svg>";

// Инициализировать объект класса SVGDocument из строкового содержимого
SVGDocument document = new SVGDocument(documentContent, ".");

// Сохраните документ в файл
document.Save(dataDir + "test.svg", SVGSaveFormat.SVG);

Создайте изображение SVG со встроенным HTML программно, используя C#

SVG совместим со всеми языками на основе XML для описания и отображения встроенного контента. Вы можете использовать элемент для включения содержимого HTML в файл SVG. Чтобы создать изображение SVG со встроенным HTML, выполните следующие действия:

  1. Укажите содержимое SVG со встроенным HTML.
  2. Укажите пространство имен XHTML, из которого исходит посторонний объект.
  3. Инициализируйте документ SVG с помощью SVGDocument.
  4. Сохраните документ в файл с перечислением SVGSaveFormat.

В приведенном ниже коде объясняется, как программно создать изображение SVG со встроенным содержимым HTML с помощью C#:

// Укажите содержимое SVG со встроенным HTML.
// Укажите пространство имен XHTML, из которого исходит посторонний объект.
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>";

// Инициализируйте документ SVG с помощью SVGDocument.
SVGDocument document = new SVGDocument(documentContent, ".");

// Сохраните документ в файл с перечислением SVGSaveFormat.
document.Save(dataDir + "Test.svg", SVGSaveFormat.SVG);

Получить бесплатную лицензию API

Вы можете оценить API Aspose без каких-либо ограничений, запросив Бесплатную временную лицензию.

Вывод

В этой статье вы узнали, как программно создавать файлы изображений SVG с нуля с помощью C#. Вы изучили создание простого изображения SVG, а также расширенного изображения SVG со встроенным содержимым HTML. Вы можете дополнительно изучить API, взглянув на API Документация. Кроме того, если у вас возникнут какие-либо вопросы, обращайтесь к нам на Форум бесплатной поддержки.

Смотрите также