Зображення масштабованої векторної графіки (SVG) популярні завдяки своїй масштабованості. Вони часто використовуються в Інтернеті для відображення візуальної інформації. У цій статті ви дізнаєтеся, як програмно створити файл зображення SVG за допомогою C#. У наступних розділах розглядаються різні випадки використання:

C# SVG Image Creator – встановлення API

Aspose.SVG for .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 Документація. Крім того, у разі будь-яких питань, будь ласка, зв’яжіться з нами на безкоштовному форумі підтримки.

Дивись також