Aspose.Diagram for Java to bogaty w funkcje interfejs API języka Java do programistycznego manipulowania diagramami programu Visio bez konieczności korzystania z programu Microsoft Visio. Interfejs API obsługuje pracę z popularnymi formatami Visio, w tym VSD, VSDX, VDX, VSDM, VSSM i VSSX. Ostatnio wykorzystaliśmy możliwości Aspose.Diagram for Java i umożliwiliśmy wdrożenie funkcji automatyzacji MS Visio w aplikacjach Node.js. Te funkcje umożliwiają tworzenie, manipulowanie, konwertowanie i przetwarzanie diagramów MS Visio w aplikacji Node.js.
Aspose.Diagram for Node.js przez Javę zapewnia pełny zestaw funkcji do automatyzacji tworzenia diagramów Visio lub manipulowania nimi. Możesz łatwo tworzyć, czytać, eksportować, drukować i chronić diagramy w kilku wierszach kodu. W tym artykule omówię sposób tworzenia od podstaw diagramów programu Visio w aplikacji Node.js. Pozostała część artykułu jest podzielona na następujące sekcje.
- Instalacja Node.js Visio API
- Utwórz diagram MS Visio od podstaw w Node.js
- Dodaj wzorzec do diagramu programu Visio
- Wstawianie stron do diagramu programu Visio
- Utwórz kształt na diagramie programu Visio
- Dodaj kształt tekstu na stronie programu Visio
- Dodaj hiperłącze do kształtu programu Visio
Node.js Visio API — instalacja
Użyj następującego polecenia, aby zainstalować pakiet Aspose.Diagram w aplikacji Node.js.
npm install aspose.diagram --save
Utwórz diagram MS Visio w Node.js
Zacznę od utworzenia od podstaw pustego diagramu programu Visio (VSDX). Poniżej przedstawiono kroki, aby wykonać tę operację.
- Utwórz obiekt klasy Diagram.
- Zapisz diagram jako plik metodą Diagram.save().
Poniższy przykładowy kod pokazuje, jak utworzyć diagram programu Visio (VSDX) w aplikacji Node.js.
var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");
var diagram = new aspose.diagram.Diagram();
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);
Dodaj wzorzec do diagramu Visio w Node.js
Wzorniki programu Visio zawierają kolekcję kształtów wzorców używanych do dodawania/kopiowania kształtów na diagramach programu Visio. Dodaj wzorzec do diagramu programu Visio przy użyciu pliku szablonu VSS. Poniżej przedstawiono kroki, aby dodać wzorzec za pomocą Aspose.Diagram.
- Utwórz nowy diagram programu Visio, korzystając z klasy Diagram.
- Dodaj wzorzec do diagramu, używając ścieżki pliku szablonu i nazwy/identyfikatora wzorca.
- Dodaj kształt do diagramu, używając nazwy mistrza.
- Zapisz diagram metodą Diagram.save().
Poniższy przykładowy kod pokazuje, jak dodać wzorzec do diagramu programu Visio w Node.js.
var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");
var diagram = new aspose.diagram.Diagram();
// Załaduj szablon do strumienia
templateFileName = "NetApp-FAS-series.vss";
// Dodaj wzorzec ze ścieżką pliku szablonu i identyfikatorem wzorca
masterName = "FAS80xx rear empty";
diagram.addMaster(templateFileName, 2);
// Lub dodaj wzorzec ze ścieżką pliku szablonu i nazwą wzorca
diagram.addMaster(templateFileName, masterName);
// Lub dodaj wzorzec do diagramu z diagramu źródłowego
src = new aspose.diagram.Diagram(templateFileName);
diagram.addMaster(src, masterName);
// Dodaj kształt ze zdefiniowanymi PinX i PinY.
diagram.addShape(2.0, 2.0, masterName, 0);
diagram.addShape(6.0, 6.0, masterName, 0);
// Dodaj kształt ze zdefiniowanym PinX, PinY, szerokością i wysokością.
diagram.addShape(7.0, 3.0, 1.5, 1.5, masterName, 0);
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);
Wstawianie stron do diagramu Visio w Node.js
Przed utworzeniem kształtów musisz mieć co najmniej jedną stronę na diagramie programu Visio. Każda strona na diagramie programu Visio ma nazwę i identyfikator, który służy do jednoznacznego identyfikowania tej strony. Poniżej przedstawiono kroki dodawania strony na diagramie programu Visio.
- Utwórz instancję klasy Diagram.
- Oblicz maksymalny identyfikator strony.
- Utwórz nową stronę, używając klasy Page.
- Ustaw nazwę i identyfikator strony odpowiednio metodą Page.setName() i Page.setID().
- Dodaj stronę do diagramu za pomocą metody Diagram.getPages().add().
- Zapisz diagram Visio metodą Diagram.save().
Poniższy przykładowy kod pokazuje, jak wstawić strony do diagramu programu Visio w Node.js.
var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");
var diagram = new aspose.diagram.Diagram();
// oblicza maksymalny identyfikator strony
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();
}
// Zainicjuj nowy obiekt strony
newPage = new aspose.diagram.Page();
// Ustaw nazwę
newPage.setName("new page");
// Ustaw identyfikator strony
newPage.setID(max + 1);
// Lub wypróbuj konstruktor strony
// Nowa strona = nowa strona (MaxPageId + 1);
// Dodaj nową pustą stronę
diagram.getPages().add(newPage);
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);
Utwórz kształt na diagramie Visio w Node.js
Po utworzeniu strony na diagramie możesz dodać do niej kształt. Poniżej przedstawiono kroki tworzenia i wstawiania kształtu na diagramie.
- Utwórz obiekt klasy Diagram.
- Dodaj wzorzec do diagramu, używając ścieżki pliku szablonu.
- Dodaj kształt prostokąta za pomocą metody Diagram.addShape().
- Ustaw właściwości kształtu, takie jak identyfikator, tekst, położenie, kolor wypełnienia itp.
- Zapisz diagram za pomocą metody Diagram.save().
Poniższy przykładowy kod pokazuje, jak dodać kształt do diagramu programu Visio w Node.js.
var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");
var diagram = new aspose.diagram.Diagram("output.vsdx");
// Pobierz stronę według nazwy
page = diagram.getPages()[.getPage("Page-2")];
// Dodaj wzorzec ze ścieżką pliku szablonu i identyfikatorem wzorca
masterName = "Rectangle";
// Dodaj wzorzec ze ścieżką pliku szablonu i nazwą wzorca
diagram.addMaster("Basic Shapes.vss", masterName);
// Indeksowanie stron zaczyna się od 0
PageIndex = 2;
width = 2, height = 2, pinX = 4.25, pinY = 4.5;
// Dodaj nowy kształt prostokąta
rectangleId = diagram.addShape(pinX, pinY, width, height, masterName, PageIndex);
// Ustaw właściwości kształtu
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);
Dodaj kształt tekstu do diagramu Visio w Node.js
Aspose.Diagram umożliwia także dodawanie tekstu do diagramów programu Visio. W tym przypadku tekst jest dodawany jako kształt. Poniżej przedstawiono kroki dodawania tekstu do diagramu programu Visio.
- Utwórz nowy diagram programu Visio, korzystając z klasy Diagram.
- Dodaj kształt tekstu do diagramu za pomocą metody Diagram.getPages().getPage(0).addText().
- Zapisz diagram metodą Diagram.save().
Poniższy przykładowy kod pokazuje, jak dodać kształt tekstu do diagramu programu Visio w Node.js.
var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");
var diagram = new aspose.diagram.Diagram();
// Ustaw parametry
PinX = 1, PinY = 1, Width = 1, Height = 1;
text = "Test text";
// Dodaj tekst do strony programu Visio
diagram.getPages().getPage(0).addText(PinX, PinY, Width, Height, text);
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);
Dodaj hiperłącze do kształtu Visio w Node.js
Hiperłączy na diagramach programu Visio można używać do przechodzenia z jednej strony do drugiej lub do łączenia pliku lub strony internetowej z rysunkiem. Poniżej przedstawiono kroki dodawania hiperłącza do diagramu programu Visio.
- Utwórz nowy diagram programu Visio.
- Wybierz żądaną stronę ze schematu.
- Wybierz żądany Kształt z wybranej strony.
- Utwórz nowe hiperłącze przy użyciu klasy Hyperlink i ustaw jego właściwości.
- Dodaj hiperłącze do kształtu za pomocą metody Shape.getHyperlinks().add().
- Zapisz diagram.
Poniższy przykładowy kod pokazuje, jak dodać hiperłącze do diagramu programu Visio w Node.js.
var aspose = aspose || {};
aspose.diagram = require("aspose.diagram");
var diagram = new aspose.diagram.Diagram();
page = diagram.getPages().getPage(0);
// Uzyskaj kształt według identyfikatora
shape = page.getShapes().getShape(2);
// Zainicjuj obiekt hiperłącza
hyperlink = new aspose.diagram.Hyperlink();
// Ustaw wartość adresu
hyperlink.getAddress().setValue("http://www.google.com/");
// Ustaw wartość adresu podrzędnego
hyperlink.getSubAddress().setValue("Sub address here");
// Ustaw wartość opisu
hyperlink.getDescription().setValue("Description here");
// Ustaw nazwę
hyperlink.setName("MyHyperLink");
// Dodaj hiperłącze do kształtu
shape.getHyperlinks().add(hyperlink);
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);
Wniosek
W tym artykule nauczyłeś się tworzyć od podstaw diagramy/rysunki Visio w aplikacjach Node.js. Samouczek krok po kroku i przykłady kodu pokazały, jak dodać wzorzec, strony, kształty, tekst i hiperłącza na diagramie programu Visio za pomocą kilku wierszy kodu. Możesz dowiedzieć się więcej o interfejsie API Visio dla Node.js, korzystając z dokumentacji.