Aspose.Diagram for Java adalah API Java yang kaya fitur untuk memanipulasi diagram Visio secara terprogram tanpa memerlukan Microsoft Visio. API mendukung bekerja dengan format Visio populer termasuk VSD, VSDX, VDX, VSDM, VSSM, dan VSSX. Baru-baru ini, kami telah memanfaatkan kemampuan Aspose.Diagram for Java dan memungkinkan penerapan fitur otomasi MS Visio di aplikasi Node.js. Fitur-fitur ini memungkinkan Anda membuat, memanipulasi, mengonversi & memproses diagram MS Visio dalam aplikasi Node.js Anda.

Aspose.Diagram for Node.js via Java menyediakan serangkaian fitur lengkap untuk mengotomatiskan pembuatan atau manipulasi diagram Visio. Anda dapat membuat, membaca, mengekspor, mencetak, dan memproteksi diagram dengan cukup mudah dalam beberapa baris kode. Pada artikel ini, saya akan membahas cara membuat diagram Visio dari awal dalam aplikasi Node.js. Sisa artikel ini dibagi menjadi beberapa bagian berikut.

Node.js Visio API - Instalasi

Gunakan perintah berikut untuk menginstal paket Aspose.Diagram di aplikasi Node.js Anda.

npm install aspose.diagram --save

Buat Diagram MS Visio di Node.js

Saya akan mulai dengan membuat diagram Visio kosong (VSDX) dari awal. Berikut ini adalah langkah-langkah untuk melakukan operasi ini.

Contoh kode berikut menunjukkan cara membuat diagram Visio (VSDX) di aplikasi Node.js.

var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");

var diagram = new aspose.diagram.Diagram();
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);

Tambahkan Master ke Visio Diagram di Node.js

Stensil Visio berisi kumpulan bentuk master yang digunakan untuk menambah/menyalin bentuk dalam diagram Visio. Anda menambahkan master ke diagram Visio menggunakan file stensil VSS. Berikut langkah-langkah menambahkan master menggunakan Aspose.Diagram.

  • Buat diagram Visio baru menggunakan kelas Diagram.
  • Tambahkan master ke diagram menggunakan jalur file stensil dan nama/ID master.
  • Tambahkan bentuk ke diagram menggunakan nama master.
  • Simpan diagram menggunakan metode Diagram.save().

Contoh kode berikut menunjukkan cara menambahkan master ke diagram Visio di Node.js.

var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");

var diagram = new aspose.diagram.Diagram();

// Muat stensil ke aliran
templateFileName = "NetApp-FAS-series.vss";

// Tambahkan master dengan jalur file stensil dan id master
masterName = "FAS80xx rear empty";
diagram.addMaster(templateFileName, 2);

// Atau tambahkan master dengan jalur file stensil dan nama master
diagram.addMaster(templateFileName, masterName);

// Atau tambahkan master ke diagram dari diagram sumber
src = new aspose.diagram.Diagram(templateFileName);
diagram.addMaster(src, masterName);

// Tambahkan bentuk dengan PinX dan PinY yang ditentukan.
diagram.addShape(2.0, 2.0, masterName, 0);
diagram.addShape(6.0, 6.0, masterName, 0);

// Tambahkan bentuk dengan PinX, PinY, Lebar, dan Tinggi yang ditentukan.
diagram.addShape(7.0, 3.0, 1.5, 1.5, masterName, 0);

diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);

Sisipkan Halaman dalam Diagram Visio di Node.js

Sebelum membuat bentuk, Anda harus memiliki setidaknya satu halaman di diagram Visio. Setiap halaman dalam diagram Visio memiliki nama dan id yang digunakan untuk mengidentifikasi halaman tersebut secara unik. Berikut adalah langkah-langkah untuk menambahkan halaman di diagram Visio.

Contoh kode berikut menunjukkan cara menyisipkan halaman ke dalam diagram Visio di Node.js.

var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");

var diagram = new aspose.diagram.Diagram();
// itu menghitung id halaman maks
 max = 0;
if (diagram.getPages().getCount() != 0)
    max = diagram.getPages().get(0).getID();

for ( i = 1; i < diagram.getPages().getCount(); i++)
{
    if (max < diagram.getPages().get(i).getID())
        max = diagram.getPages().get(i).getID();
}
        
// Inisialisasi objek halaman baru
newPage = new aspose.diagram.Page();
// Tetapkan nama
newPage.setName("new page");
// Tetapkan ID halaman
newPage.setID(max + 1);

// Atau coba konstruktor Halaman
// Halaman halaman baru = Halaman baru (MaxPageId + 1);

// Tambahkan halaman kosong baru
diagram.getPages().add(newPage);
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);

Buat Bentuk dalam Diagram Visio di Node.js

Setelah Anda membuat halaman dalam diagram, Anda dapat menambahkan bentuk ke dalamnya. Berikut adalah langkah-langkah untuk membuat dan menyisipkan bentuk pada diagram.

  • Buat objek kelas Diagram.
  • Tambahkan master ke diagram menggunakan jalur file stensil.
  • Tambahkan bentuk persegi panjang menggunakan metode Diagram.addShape().
  • Tetapkan properti bentuk seperti ID, teks, posisi, warna isian, dll.
  • Simpan diagram menggunakan metode Diagram.save().

Contoh kode berikut menunjukkan cara menambahkan bentuk ke diagram Visio di Node.js.

var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");

var diagram = new aspose.diagram.Diagram("output.vsdx");

// Dapatkan halaman dengan nama
page = diagram.getPages()[.getPage("Page-2")];

// Tambahkan master dengan jalur file stensil dan id master
masterName = "Rectangle";
// Tambahkan master dengan jalur file stensil dan nama master
diagram.addMaster("Basic Shapes.vss", masterName);
            
// Pengindeksan halaman dimulai dari 0
PageIndex = 2;
width = 2, height = 2, pinX = 4.25, pinY = 4.5;
// Tambahkan bentuk persegi panjang baru
rectangleId = diagram.addShape(pinX, pinY, width, height, masterName, PageIndex);
            
// Tetapkan properti bentuk 
rectangle = page.getShapes().getShape(rectangleId);
rectangle.getXForm().getPinX().setValue(5);
rectangle.getXForm().getPinY().setValue(5);
rectangle.setType(TypeValue.SHAPE);
rectangle.getText().getValue().add(new Txt("Aspose Diagram"));
rectangle.setTextStyle(diagram.getStyleSheets().get(3));
rectangle.getLine().getLineColor().setValue("#ff0000");
rectangle.getLine().getLineWeight().setValue(0.03);
rectangle.getLine().getRounding().setValue(0.1);
rectangle.getFill().getFillBkgnd().setValue("#ff00ff");
rectangle.getFill().getFillForegnd().setValue("#ebf8df");

diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);

Tambahkan Bentuk Teks ke Diagram Visio di Node.js

Aspose.Diagram juga memungkinkan Anda menambahkan teks ke diagram Visio. Dalam hal ini, teks ditambahkan sebagai bentuk. Berikut adalah langkah-langkah untuk menambahkan teks ke diagram Visio.

  • Buat diagram Visio baru menggunakan kelas Diagram.
  • Tambahkan bentuk teks ke diagram menggunakan metode Diagram.getPages().getPage(0).addText() .
  • Simpan diagram menggunakan metode Diagram.save().

Contoh kode berikut menunjukkan cara menambahkan bentuk teks ke diagram Visio di Node.js.

var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");

var diagram = new aspose.diagram.Diagram();

// Tetapkan parameter
PinX = 1, PinY = 1, Width = 1, Height = 1;
text = "Test text";

// Tambahkan teks ke halaman Visio
diagram.getPages().getPage(0).addText(PinX, PinY, Width, Height, text);

diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);

Hyperlink dalam diagram Visio dapat digunakan untuk menavigasi dari satu halaman ke halaman lain atau untuk menautkan file atau halaman web ke gambar. Berikut adalah langkah-langkah untuk menambahkan hyperlink ke diagram Visio.

  • Buat diagram Visio baru.
  • Pilih halaman yang diinginkan dari diagram.
  • Pilih Bentuk yang diinginkan dari halaman yang dipilih.
  • Buat hyperlink baru menggunakan kelas Hyperlink dan atur propertinya.
  • Tambahkan hyperlink ke bentuk menggunakan metode Shape.getHyperlinks().add().
  • Simpan diagramnya.

Contoh kode berikut menunjukkan cara menambahkan hyperlink ke diagram Visio di Node.js.

var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");

var diagram = new aspose.diagram.Diagram();

page = diagram.getPages().getPage(0);
// Dapatkan bentuk dengan ID
shape = page.getShapes().getShape(2);

// Inisialisasi objek Hyperlink
hyperlink = new aspose.diagram.Hyperlink();
// Tetapkan nilai alamat
hyperlink.getAddress().setValue("http://www.google.com/");
// Tetapkan nilai sub alamat
hyperlink.getSubAddress().setValue("Sub address here");
// Tetapkan nilai deskripsi
hyperlink.getDescription().setValue("Description here");
// Tetapkan nama
hyperlink.setName("MyHyperLink");

// Tambahkan hyperlink ke bentuk
shape.getHyperlinks().add(hyperlink); 

diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);

Kesimpulan

Pada artikel ini, Anda telah mempelajari cara membuat diagram/gambar Visio dari awal di aplikasi Node.js. Tutorial langkah demi langkah dan contoh kode menunjukkan cara menambahkan master, halaman, bentuk, teks, dan hyperlink dalam diagram Visio dengan beberapa baris kode. Anda dapat menjelajahi lebih lanjut tentang API Visio untuk Node.js menggunakan dokumentasi.

Artikel Terkait