VSD から SVG へ

VSDファイル形式はMicrosoft Visioアプリケーションのネイティブ形式で、高度な図やベクターグラフィックが含まれています。この形式により、図、組織図、複雑なフローチャートのプレゼンテーションが非常に便利になりました。ただし、これらのファイルを表示するには、Microsoft Visioなどの特定のソフトウェアが必要であり、また、これらの詳細をWebページに配置する必要がある場合は、非常に複雑になります。したがって、VSDファイルをスケーラブルベクターグラフィックス(SVG)形式に変換することを選択できます。SVGを取得したら、タグ。そこでこの記事では、C# .NET REST API を使用して VSD を SVG に変換する手順について説明します。

Visio ファイル処理 API

Aspose.Diagram Cloud は、ユーザーが Visio ファイルやフロー チャートを作成、編集、および他のサポートされている形式に変換できるようにする REST API です。Microsoft Visio や他のアプリケーションをインストールせずに、これらすべての操作を実行できます。さらに、Cloud API のラッパーとして無料の SDK を作成しました。これにより、任意の言語ですべてのドキュメント処理操作を実行できます。そこで、この記事では、Aspose.Diagram Cloud SDK for .NET を使用した変換操作について説明します。

インストール

Cloud SDK を使用する最初のステップはインストールです。NuGet および GitHub からダウンロードできます。ターミナルで次のコマンドを実行して、NuGet 経由で SDK をインストールすることを検討してください。

nuget install Aspose.Diagram-Cloud

NuGet パッケージ マネージャー

または、Visual Studio のパッケージ マネージャー コンソールで次のコマンドを実行して、プロジェクト内の Aspose.Diagram アセンブリを取得して参照します。

PM> Install-Package Aspose.Diagram-Cloud

すでに Aspose.Diagram Cloud SDK for .NET をお持ちで、アップグレードしたい場合は、実行して最新バージョンを入手してください。

Update-Package Aspose.Diagram-Cloud

ビジュアルスタジオ

もう 1 つの方法は、Visual Studio ソリューション内で直接インストールすることです。

  1. ソリューション エクスプローラーを開きます。
  2. プロジェクトを展開し、ソリューション内のパッケージ フォルダーを右クリックします。
  3. NuGetパッケージの管理オプションを選択します
  4. [参照] タブをクリックし、「Aspose.Diagram-Cloud」を検索します。
  5. Aspose.Diagram-Cloud パッケージをクリックし、右側のタブで適切なバージョンを選択して、「パッケージの追加」ボタンをクリックします。
Aspose.Diagram-Cloud リファレンス

画像 1:- NuGet パッケージとしての Aspose.Diagram Cloud。

クラウドサブスクリプション

インストール後、セットアップと構成の次の主要なステップは、Aspose.Cloud ダッシュボード での無料アカウント サブスクリプションです。クレジットカードやその他の支払いの詳細は不要で、無料サブスクリプション アカウントでは、最大 150 件の無料ドキュメント処理リクエストを実行できます。GitHub または Google アカウントをお持ちの場合は、サインアップするだけです。それ以外の場合は、新しいアカウントの作成 ボタンをクリックして、必要な情報を入力します。資格情報を使用してダッシュボードにログインし、ダッシュボードからアプリケーション セクションを展開して、クライアント資格情報セクションまで下にスクロールし、クライアント ID とクライアント シークレットの詳細を確認します。

クライアントの資格情報

画像 2: Aspose.Cloud ダッシュボードのクライアント資格情報。

C# で VSD を SVG に変換する

C# .NET コード スニペットを使用して VSD ファイルを SVG 形式に変換するには、以下の手順に従ってください。このコード スニペットでは、入力 VSD ファイルがクラウド ストレージにあることを前提としていることに注意してください。

  • まず、文字列変数を使用してクライアント資格情報を定義します
  • 次に、クライアント資格情報の詳細を引数として渡しながら、DiagramApiのインスタンスを作成します。
  • 3番目に、DiagramApiのDownloadFileWithFormat(..)メソッドを呼び出して変換操作を実行します。
  • 最後に、File.Createオブジェクト(saveToDiskメソッドで示す)を使用して、出力をローカルシステムに保存します。
// https://dashboard.aspose.cloud/ から ClientID を取得します。
string clientSecret = "caac6e3d4a4724b2feb53f4e460eade3";
string clientID = "4ccf1790-accc-41e9-8d18-a78dbb2ed1aa";
            
// DiagramApiのオブジェクトを作成する
DiagramApi diagramApi = new DiagramApi("client_credentials", clientID, clientSecret);

// ソース VSD ファイルはクラウド ストレージで利用可能
String inputFile = "Raise-PO-Process-Flow-Chart.vsd";
// 結果のSVGファイル名
String resultant = "conveted.svg";

try
{
    // ファイル変換プロセスを開始する
    var response = diagramApi.DownloadFileWithFormat(inputFile,format: "SVG", null);
    if (response != null )
    {
        Console.WriteLine("Successfully converted VSD to SVG !");
    }
    // 結果ファイルをローカルシステムドライブに保存するカスタムメソッド
    saveToDisk(response, "/Users/nshahbaz/Downloads/" + resultant);
}
catch (Exception ex)
{
    Console.WriteLine("error:" + ex.Message + "\n" + ex.StackTrace);
}
            
public static void saveToDisk(Stream responseStream, String resultantFile)
{
    var fileStream = File.Create(resultantFile);
    responseStream.Seek(0, SeekOrigin.Begin);
    responseStream.CopyTo(fileStream);
    fileStream.Close();
}

上記の例で使用したサンプルファイルは、Purchase Order Flowchart.vsdおよびConverted.svgからダウンロードできます。

変換されたSVGプレビュー

画像 3: 結果の SVG ファイルのプレビュー。

cURL コマンドを使用して VSD を SVG に変換する

当社の API は REST アーキテクチャに従って開発されているため、cURL コマンドを通じてアクセスすることもできます。また、API にアクセスするには、パーソナライズされたクライアント認証情報に基づいて JWT アクセス トークンを生成する必要があることに注意してください。JWT アクセス トークンを生成するには、次のコマンドを実行してください。

curl -v "https://api.aspose.cloud/connect/token" \
-X POST \
-d "grant_type=client_credentials&client_id=4ccf1790-accc-41e9-8d18-a78dbb2ed1aa&client_secret=caac6e3d4a4724b2feb53f4e460eade3" \
-H "Content-Type: application/x-www-form-urlencoded" \
-H "Accept: application/json"

JWT トークンを取得したら、次のコマンドを使用して変換を実行できます。

curl -X GET "https://api.aspose.cloud/v3.0/diagram/Raise-PO-Process-Flow-Chart.vsd?format=SVG" \
-H  "accept: multipart/form-data" \
-H  "authorization: Bearer <JWT Token>" \
-o Converted.svg

結論

この記事では、C# を使用して VSD をロードして SVG に変換する簡単な手順について説明しました。コード スニペットとは別に、cURL コマンドを使用して Visio ファイルを SVG に変換する可能性についても検討しました。当社の SDK は MIT ライセンスの下で提供されており、GitHub からダウンロードできます。API の使用中に問題が発生した場合や、関連する質問がある場合は、無料サポート フォーラム からお気軽にお問い合わせください。

クイックヒント

VSD ファイルを表示するには、無料オンライン Visio ビューアー をご利用ください。

関連記事

さらに詳しく知りたい場合は、以下のリンクもご覧ください。