VSD ถึง SVG

รูปแบบไฟล์ VSD เป็นรูปแบบดั้งเดิมของแอปพลิเคชัน Microsoft Visio และประกอบด้วยไดอะแกรมขั้นสูงและกราฟิกเวกเตอร์ รูปแบบนี้ทำให้การนำเสนอไดอะแกรม แผนผังองค์กร และผังงานที่ซับซ้อนทำได้สะดวก อย่างไรก็ตาม เพื่อดูไฟล์เหล่านี้ จำเป็นต้องใช้ซอฟต์แวร์เฉพาะ เช่น Microsoft Visio เป็นต้น และหากเราจำเป็นต้องใส่รายละเอียดเหล่านี้ไว้บนเว็บเพจ ก็จะค่อนข้างซับซ้อน ดังนั้น เราอาจเลือกแปลงไฟล์ VSD เป็นรูปแบบกราฟิกเวกเตอร์ที่ปรับขนาดได้ (SVG) เมื่อเรามี SVG แล้ว ก็สามารถอ้างอิงโดยตรงในเอกสาร HTML ได้โดยใช้ แท็ก ดังนั้นในบทความนี้ เราจะมาอธิบายขั้นตอนการแปลง VSD เป็น SVG โดยใช้ C# .NET REST API

API การประมวลผลไฟล์ Visio

Aspose.Diagram Cloud คือ REST API ของเราที่ช่วยให้ผู้ใช้สามารถสร้าง แก้ไข และแปลงไฟล์ Visio และผังงานเป็นรูปแบบอื่นที่รองรับได้ ดำเนินการทั้งหมดนี้ได้โดยไม่ต้องติดตั้ง Microsoft Visio หรือแอปพลิเคชันอื่น นอกจากนี้ เรายังได้สร้าง SDK ฟรีเป็นแรปเปอร์สำหรับ Cloud API เพื่อให้คุณสามารถดำเนินการประมวลผลเอกสารทั้งหมดได้ภายในภาษาที่คุณเลือก ดังนั้น ในบทความนี้ เราจะมาพูดถึงการดำเนินการแปลงโดยใช้ Aspose.Diagram Cloud SDK สำหรับ .NET

การติดตั้ง

ขั้นตอนแรกในการใช้ Cloud SDK คือการติดตั้ง ซึ่งสามารถดาวน์โหลดได้ที่ NuGet และ GitHub คุณอาจพิจารณาใช้คำสั่งต่อไปนี้ในเทอร์มินัลเพื่อติดตั้ง SDK ผ่าน NuGet:

nuget install Aspose.Diagram-Cloud

ตัวจัดการแพ็กเกจ NuGet

หรือดำเนินการคำสั่งต่อไปนี้ใน Package Manager Console ใน Visual Studio เพื่อดึงและอ้างอิงแอสเซมบลี Aspose.Diagram ในโปรเจ็กต์ของคุณ

PM> Install-Package Aspose.Diagram-Cloud

หากคุณมี Aspose.Diagram Cloud SDK for .NET แล้วและต้องการอัพเกรด โปรดดำเนินการเพื่อรับเวอร์ชันล่าสุด

Update-Package Aspose.Diagram-Cloud

วิชวลสตูดิโอ

อีกวิธีหนึ่งคือการติดตั้งโดยตรงภายในโซลูชัน Visual Studio:

  1. เปิด Solution Explorer
  2. ขยายโครงการและคลิกขวาที่โฟลเดอร์แพ็คเกจภายในโซลูชันของคุณ
  3. เลือกตัวเลือกจัดการแพ็คเกจ NuGet…
  4. คลิกที่แท็บ Browse และค้นหา “Aspose.Diagram-Cloud”
  5. คลิกที่แพ็กเกจ Aspose.Diagram-Cloud เลือกเวอร์ชันที่เหมาะสมในแท็บด้านขวา และคลิกปุ่มเพิ่มแพ็กเกจ
อ้างอิง Aspose.Diagram-Cloud

รูปภาพ 1:- Aspose.Diagram Cloud ในรูปแบบแพ็คเกจ NuGet

การสมัครรับข้อมูลแบบคลาวด์

หลังจากติดตั้งแล้ว ขั้นตอนสำคัญต่อไปในการตั้งค่าและกำหนดค่าคือการสมัครสมาชิกบัญชีฟรีผ่าน Aspose.Cloud Dashboard ไม่จำเป็นต้องมีรายละเอียดบัตรเครดิตหรือการชำระเงินอื่น ๆ และภายใต้บัญชีสมัครสมาชิกฟรี คุณสามารถดำเนินการคำขอประมวลผลเอกสารฟรีได้สูงสุด 150 รายการ ดังนั้นหากคุณมีบัญชี GitHub หรือ Google ให้ลงทะเบียน มิฉะนั้น ให้คลิกที่ปุ่ม สร้างบัญชีใหม่ และระบุข้อมูลที่จำเป็น ตอนนี้ให้เข้าสู่ระบบแดชบอร์ดโดยใช้ข้อมูลรับรอง และขยายส่วนแอปพลิเคชันจากแดชบอร์ด แล้วเลื่อนลงไปที่ส่วนข้อมูลรับรองไคลเอนต์เพื่อดูรายละเอียดรหัสไคลเอนต์และความลับไคลเอนต์

ข้อมูลประจำตัวลูกค้า

ภาพที่ 2: ข้อมูลประจำตัวลูกค้าที่แดชบอร์ด Aspose.Cloud

แปลง VSD เป็น SVG ใน C#

โปรดปฏิบัติตามคำแนะนำที่ระบุไว้ด้านล่างเพื่อแปลงไฟล์ VSD เป็นรูปแบบ SVG โดยใช้โค้ดตัวอย่าง C# .NET โปรดทราบว่าโค้ดตัวอย่างนี้คาดหวังว่าไฟล์ VSD อินพุตจะอยู่ในที่จัดเก็บข้อมูลบนคลาวด์

  • ก่อนอื่น ให้ใช้ตัวแปรสตริงเพื่อกำหนดข้อมูลรับรองลูกค้า
  • ประการที่สอง สร้างอินสแตนซ์ของ DiagramApi ขณะส่งรายละเอียดข้อมูลรับรองไคลเอนต์เป็นอาร์กิวเมนต์
  • ขั้นแรก ให้เรียกใช้เมธอด DownloadFileWithFormat(..) ของ DiagramApi เพื่อดำเนินการแปลง
  • สุดท้าย ให้ใช้ File.Create object (ตามที่แสดงในวิธีการ saveToDisk) เพื่อบันทึกเอาท์พุตบนระบบภายในเครื่อง
// รับ ClientID จาก https://dashboard.aspose.cloud/
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 ที่ได้

แปลง VSD เป็น SVG โดยใช้คำสั่ง cURL

เนื่องจาก API ของเราได้รับการพัฒนาตามสถาปัตยกรรม REST จึงสามารถเข้าถึง API ได้โดยใช้คำสั่ง 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

บทสรุป

ในบทความนี้ เราได้กล่าวถึงขั้นตอนง่ายๆ เกี่ยวกับวิธีการโหลดและแปลง VSD เป็น SVG โดยใช้ C# นอกเหนือจากตัวอย่างโค้ดแล้ว เรายังได้สำรวจความเป็นไปได้ในการแปลงไฟล์ Visio เป็น SVG ผ่านคำสั่ง cURL อีกด้วย โปรดทราบว่า SDK ของเรามีให้บริการภายใต้ใบอนุญาต MIT และสามารถดาวน์โหลดได้จาก GitHub หากคุณพบปัญหาใดๆ ในขณะใช้ API หรือมีคำถามที่เกี่ยวข้อง โปรดติดต่อเราผ่าน ฟอรัมสนับสนุนฟรี

เคล็ดลับด่วน

หากต้องการดูไฟล์ VSD คุณอาจลองใช้ [โปรแกรมดู Visio ออนไลน์ฟรี] ของเรา14

บทความที่เกี่ยวข้อง

เราขอแนะนำให้ไปที่ลิงค์ต่อไปนี้เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับ