スケーラブルベクターグラフィックス(SVG)画像は、そのスケーラビリティで人気があります。これらは、視覚的な情報を表示するためにWeb上で頻繁に使用されます。この記事では、C#を使用してプログラムでSVG画像ファイルを作成する方法を学習します。次のセクションでは、さまざまなユースケースについて説明します。

C#SVG Image Creator –APIのインストール

Aspose.SVG for .NET APIを使用して、SVGイメージファイルを作成、編集、および操作できます。さまざまなノードを反復したり、ファイルをサポートされているファイル形式に変換したりできます。 新しいリリースセクションからDLLファイルをダウンロードするか、次のNuGetインストールコマンドを使用してください。

PM> Install-Package Aspose.SVG

APIを正常に構成した後、シンプルで基本的なSVGイメージを作成する方法を学び、後で高度な例を使用してさらに詳しく調べることができます。

C#を使用してプログラムでSVG画像ファイルを作成する

  1. 次の手順でSVGイメージファイルを作成できます。
  2. SVGコンテンツを文字列として指定します。
  3. 文字列の内容からSVGDocumentクラスのオブジェクトを初期化します。
  4. Save方式で文書をファイルに保存します。

次のコードは、C#を使用してプログラムでSVG画像ファイルを作成する方法を説明しています。

// 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);

C#を使用してプログラムでHTMLが埋め込まれたSVG画像を作成する

SVGは、埋め込みコンテンツの記述とレンダリングに関して、すべてのXMLベースの言語と一貫性があります。使用できますSVGファイルにHTMLコンテンツを含める要素。 HTMLが埋め込まれたSVG画像を作成するには、次の手順に従ってください。

  1. HTMLが埋め込まれたSVGコンテンツを指定します。
  2. 外部オブジェクトの元となるXHTML名前空間を指定します。
  3. SVGDocumentを使用してSVGドキュメントを初期化します。
  4. SVGSaveFormat列挙を使用してドキュメントをファイルに保存します。

以下のコードは、C#を使用してプログラムでHTMLコンテンツが埋め込まれたSVG画像を作成する方法を説明しています。

// HTMLが埋め込まれたSVGコンテンツを指定します。
// 外部オブジェクトの元となる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>";

// SVGDocumentを使用してSVGドキュメントを初期化します。
SVGDocument document = new SVGDocument(documentContent, ".");

// SVGSaveFormat列挙を使用してドキュメントをファイルに保存します。
document.Save(dataDir + "Test.svg", SVGSaveFormat.SVG);

無料のAPIライセンスを取得する

無料一時ライセンスをリクエストすることで、制限なしでAsposeAPIを評価できます。

結論

この記事では、C#を使用してプログラムでSVG画像ファイルを最初から作成する方法を学習しました。単純なSVG画像と、HTMLコンテンツが埋め込まれた高度なSVG画像の作成について説明しました。 APIドキュメントを参照すると、APIをさらに詳しく調べることができます。また、ご不明な点がございましたら、無料サポートフォーラムまでお気軽にお問い合わせください。

関連項目