Aspose.Diagram for Java là một API Java giàu tính năng để thao tác các sơ đồ Visio theo chương trình mà không yêu cầu Microsoft Visio. API hỗ trợ làm việc với các định dạng Visio phổ biến bao gồm VSD, VSDX, VDX, VSDM, VSSM và VSSX. Gần đây, chúng tôi đã tận dụng các khả năng của Aspose.Diagram dành cho Java và giúp triển khai các tính năng tự động hóa MS Visio trong ứng dụng Node.js. Các tính năng này cho phép bạn tạo, thao tác, chuyển đổi và xử lý sơ đồ MS Visio trong ứng dụng Node.js của mình.
Aspose.Diagram cho Node.js qua Java cung cấp một bộ tính năng hoàn chỉnh để tự động hóa việc tạo hoặc thao tác với sơ đồ Visio. Bạn có thể tạo, đọc, xuất, in và bảo vệ sơ đồ khá dễ dàng trong một vài dòng mã. Trong bài viết này, tôi sẽ giới thiệu cách tạo sơ đồ Visio từ đầu trong ứng dụng Node.js. Phần còn lại của bài viết được chia thành các phần sau.
- Cài đặt API Visio của Node.js
- Tạo sơ đồ MS Visio từ đầu trong Node.js
- Thêm Bản cái vào Sơ đồ Visio
- Chèn trang vào sơ đồ Visio
- Tạo Hình dạng trong Sơ đồ Visio
- Thêm Hình dạng Văn bản trong Trang Visio
- Thêm siêu liên kết vào hình dạng Visio
Node.js Visio API - Cài đặt
Sử dụng lệnh sau để cài đặt gói Aspose.Diagram trong ứng dụng Node.js của bạn.
npm install aspose.diagram --save
Tạo sơ đồ MS Visio trong Node.js
Tôi sẽ bắt đầu bằng cách tạo sơ đồ Visio trống (VSDX) từ đầu. Sau đây là các bước để thực hiện thao tác này.
- Tạo một đối tượng của lớp Diagram.
- Lưu sơ đồ dưới dạng tệp bằng phương thức Diagram.save().
Mẫu mã sau đây cho biết cách tạo sơ đồ Visio (VSDX) trong ứng dụng Node.js.
var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");
var diagram = new aspose.diagram.Diagram();
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);
Thêm Bản cái vào Sơ đồ Visio trong Node.js
Visio Stencils chứa tập hợp các hình dạng chính được sử dụng để thêm/sao chép các hình dạng trong sơ đồ Visio. Bạn thêm một bản cái vào sơ đồ Visio bằng cách sử dụng tệp khuôn tô VSS. Sau đây là các bước để thêm bản gốc bằng Aspose.Diagram.
- Tạo sơ đồ Visio mới bằng cách sử dụng lớp Diagram.
- Thêm bản gốc vào sơ đồ bằng cách sử dụng đường dẫn của tệp khuôn tô và tên/ID của bản gốc.
- Thêm hình dạng vào sơ đồ bằng tên của chủ.
- Lưu sơ đồ bằng phương thức Diagram.save().
Mẫu mã sau đây cho biết cách thêm bản gốc vào sơ đồ Visio trong Node.js.
var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");
var diagram = new aspose.diagram.Diagram();
// Tải stencil vào luồng
templateFileName = "NetApp-FAS-series.vss";
// Thêm bản gốc với đường dẫn tệp stencil và id chính
masterName = "FAS80xx rear empty";
diagram.addMaster(templateFileName, 2);
// Hoặc thêm chủ với đường dẫn tệp stencil và tên chính
diagram.addMaster(templateFileName, masterName);
// Hoặc thêm chủ vào sơ đồ từ sơ đồ nguồn
src = new aspose.diagram.Diagram(templateFileName);
diagram.addMaster(src, masterName);
// Thêm hình dạng với PinX và PinY được xác định.
diagram.addShape(2.0, 2.0, masterName, 0);
diagram.addShape(6.0, 6.0, masterName, 0);
// Thêm hình dạng với PinX, PinY, Chiều rộng và Chiều cao được xác định.
diagram.addShape(7.0, 3.0, 1.5, 1.5, masterName, 0);
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);
Chèn các trang vào Sơ đồ Visio trong Node.js
Trước khi tạo hình, bạn cần có ít nhất một trang trong sơ đồ Visio. Mỗi trang trong sơ đồ Visio có một tên và id được sử dụng để nhận dạng duy nhất trang đó. Sau đây là các bước để thêm một trang trong sơ đồ Visio.
- Tạo một thể hiện của lớp Sơ đồ.
- Tính ID trang tối đa.
- Tạo một trang mới bằng lớp Page.
- Đặt tên và ID của trang bằng phương thức Page.setName() và Page.setID() tương ứng.
- Thêm trang vào sơ đồ bằng phương thức Diagram.getPages().add().
- Lưu sơ đồ Visio bằng phương pháp Diagram.save().
Mẫu mã sau đây cho biết cách chèn các trang vào sơ đồ Visio trong Node.js.
var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");
var diagram = new aspose.diagram.Diagram();
// nó tính id trang tối đa
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();
}
// Khởi tạo một đối tượng trang mới
newPage = new aspose.diagram.Page();
// Đặt tên
newPage.setName("new page");
// Đặt ID trang
newPage.setID(max + 1);
// Hoặc thử Trình tạo trang
// Trang newPage = Trang mới(MaxPageId + 1);
// Thêm một trang trống mới
diagram.getPages().add(newPage);
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);
Tạo Hình dạng trong Sơ đồ Visio trong Node.js
Khi bạn đã tạo trang trong sơ đồ, bạn có thể thêm hình dạng vào đó. Sau đây là các bước để tạo và chèn một hình dạng trong sơ đồ.
- Tạo một đối tượng của lớp Diagram.
- Thêm cái chính vào sơ đồ bằng đường dẫn của tệp khuôn tô.
- Thêm hình chữ nhật bằng phương thức Diagram.addShape().
- Đặt các thuộc tính của hình dạng như ID, văn bản, vị trí, màu tô, v.v.
- Lưu sơ đồ bằng phương thức Diagram.save().
Mẫu mã sau đây cho biết cách thêm hình dạng vào sơ đồ Visio trong Node.js.
var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");
var diagram = new aspose.diagram.Diagram("output.vsdx");
// Nhận trang theo tên
page = diagram.getPages()[.getPage("Page-2")];
// Thêm bản gốc với đường dẫn tệp stencil và id chính
masterName = "Rectangle";
// Thêm chủ với đường dẫn tệp stencil và tên chính
diagram.addMaster("Basic Shapes.vss", masterName);
// Lập chỉ mục trang bắt đầu từ 0
PageIndex = 2;
width = 2, height = 2, pinX = 4.25, pinY = 4.5;
// Thêm một hình chữ nhật mới
rectangleId = diagram.addShape(pinX, pinY, width, height, masterName, PageIndex);
// Đặt thuộc tính hình dạng
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);
Thêm Hình dạng Văn bản vào Sơ đồ Visio trong Node.js
Aspose.Diagram cũng cho phép bạn thêm văn bản vào sơ đồ Visio. Trong trường hợp này, văn bản được thêm vào dưới dạng hình dạng. Sau đây là các bước để thêm văn bản vào sơ đồ Visio.
- Tạo sơ đồ Visio mới bằng lớp Diagram.
- Thêm hình dạng văn bản vào sơ đồ bằng phương thức Diagram.getPages().getPage(0).addText().
- Lưu sơ đồ bằng phương thức Diagram.save().
Mẫu mã sau đây cho biết cách thêm hình dạng văn bản vào sơ đồ Visio trong Node.js.
var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");
var diagram = new aspose.diagram.Diagram();
// Đặt tham số
PinX = 1, PinY = 1, Width = 1, Height = 1;
text = "Test text";
// Thêm văn bản vào trang Visio
diagram.getPages().getPage(0).addText(PinX, PinY, Width, Height, text);
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);
Thêm siêu liên kết vào Visio Shape trong Node.js
Siêu kết nối trong sơ đồ Visio có thể được sử dụng để điều hướng từ trang này sang trang khác hoặc để liên kết tệp hoặc trang web với bản vẽ. Sau đây là các bước để thêm siêu kết nối vào sơ đồ Visio.
- Tạo sơ đồ Visio mới.
- Chọn trang mong muốn từ sơ đồ.
- Chọn Hình dạng mong muốn từ trang đã chọn.
- Tạo một siêu kết nối mới bằng cách sử dụng lớp Siêu kết nối và thiết lập các thuộc tính của nó.
- Thêm siêu liên kết vào hình bằng phương pháp Shape.getHyperlinks().add().
- Lưu sơ đồ.
Mẫu mã sau đây cho biết cách thêm siêu kết nối vào sơ đồ Visio trong Node.js.
var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");
var diagram = new aspose.diagram.Diagram();
page = diagram.getPages().getPage(0);
// Nhận dạng bằng ID
shape = page.getShapes().getShape(2);
// Khởi tạo đối tượng Hyperlink
hyperlink = new aspose.diagram.Hyperlink();
// Đặt giá trị địa chỉ
hyperlink.getAddress().setValue("http://www.google.com/");
// Đặt giá trị địa chỉ phụ
hyperlink.getSubAddress().setValue("Sub address here");
// Đặt giá trị mô tả
hyperlink.getDescription().setValue("Description here");
// Đặt tên
hyperlink.setName("MyHyperLink");
// Thêm siêu liên kết vào hình dạng
shape.getHyperlinks().add(hyperlink);
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);
Sự kết luận
Trong bài viết này, bạn đã học cách tạo sơ đồ/bản vẽ Visio từ đầu trong các ứng dụng Node.js. Hướng dẫn từng bước và mẫu mã cho thấy cách thêm trang chính, trang, hình, văn bản và siêu kết nối trong sơ đồ Visio bằng một vài dòng mã. Bạn có thể khám phá thêm về API Visio dành cho Node.js bằng cách sử dụng tài liệu.