Aspose.Diagram for Java ist eine funktionsreiche Java API zur programmgesteuerten Bearbeitung von Visio Diagrammen, ohne dass Microsoft Visio erforderlich ist. Die API unterstützt die Arbeit mit gängigen Visio-Formaten, einschließlich VSD, VSDX, VDX, VSDM, VSSM und VSSX. Kürzlich haben wir die Fähigkeiten von Aspose.Diagram for Java genutzt und die Implementierung von MS Visio-Automatisierungsfunktionen in Node.js Anwendungen ermöglicht. Mit diesen Funktionen können Sie MS Visio Diagramme in Ihrer Node.js Anwendung erstellen, manipulieren, konvertieren und verarbeiten.

Aspose.Diagram for Node.js via Java bietet einen vollständigen Satz von Funktionen zur Automatisierung der Erstellung oder Bearbeitung von Visio Diagrammen. Sie können die Diagramme ganz einfach in wenigen Codezeilen erstellen, lesen, exportieren, drucken und schützen. In diesem Artikel werde ich behandeln, wie Sie Visio Diagramme in einer Node.js Anwendung von Grund auf neu erstellen. Der Rest des Artikels ist in die folgenden Abschnitte unterteilt.

Node.js Visio-API – Installation

Verwenden Sie den folgenden Befehl, um das Aspose.Diagram-Paket in Ihrer Node.js Anwendung zu installieren.

npm install aspose.diagram --save

Erstellen Sie ein MS Visio Diagramm in Node.js

Ich beginne damit, ein leeres Visio Diagramm (VSDX) von Grund auf neu zu erstellen. Im Folgenden sind die Schritte zum Ausführen dieses Vorgangs aufgeführt.

  • Erstellen Sie ein Objekt der Klasse Diagram.
  • Speichern Sie das Diagramm mit der methode Diagram.save() als Datei.

Das folgende Codebeispiel zeigt, wie Sie ein Visio Diagramm (VSDX) in einer Node.js Anwendung erstellen.

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

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

Master zu Visio Diagramm in Node.js hinzufügen

Die Visio-Schablonen enthalten die Sammlung von Master-Shapes, die zum Hinzufügen/Kopieren von Shapes in den Visio Diagrammen verwendet werden. Mithilfe der VSS-Schablonendatei fügen Sie dem Visio Diagramm einen Master hinzu. Im Folgenden werden die Schritte zum Hinzufügen eines Masters mit Aspose.Diagram beschrieben.

  • Erstellen Sie ein neues Visio Diagramm mit der Klasse Diagram.
  • Fügen Sie dem Diagramm einen Master hinzu, indem Sie den Pfad der Schablonendatei und den Namen/die ID des Masters verwenden.
  • Fügen Sie dem Diagramm eine Form hinzu, indem Sie den Namen des Masters verwenden.
  • Speichern Sie das Diagramm mit der methode Diagram.save().

Das folgende Codebeispiel zeigt, wie Sie einem Visio Diagramm in Node.js einen Master hinzufügen.

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

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

// Schablone in einen Stream laden
templateFileName = "NetApp-FAS-series.vss";

// Master mit Schablonendateipfad und Master-ID hinzufügen
masterName = "FAS80xx rear empty";
diagram.addMaster(templateFileName, 2);

// Oder Master mit Schablonendateipfad und Mastername hinzufügen
diagram.addMaster(templateFileName, masterName);

// Oder fügen Sie den Master aus dem Quelldiagramm zum Diagramm hinzu
src = new aspose.diagram.Diagram(templateFileName);
diagram.addMaster(src, masterName);

// Form mit definiertem PinX und PinY hinzufügen.
diagram.addShape(2.0, 2.0, masterName, 0);
diagram.addShape(6.0, 6.0, masterName, 0);

// Form mit definiertem PinX, PinY, Breite und Höhe hinzufügen.
diagram.addShape(7.0, 3.0, 1.5, 1.5, masterName, 0);

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

Seiten in ein Visio Diagramm in Node.js einfügen

Bevor Sie die Shapes erstellen, müssen Sie mindestens eine Seite im Visio Diagramm haben. Jede Seite im Visio Diagramm hat einen Namen und eine ID, die verwendet werden, um diese Seite eindeutig zu identifizieren. Im Folgenden finden Sie die Schritte zum Hinzufügen einer Seite im Visio Diagramm.

Das folgende Codebeispiel zeigt, wie Seiten in ein Visio Diagramm in Node.js eingefügt werden.

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

var diagram = new aspose.diagram.Diagram();
// es berechnet die maximale Seiten-ID
 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();
}
        
// Initialisieren Sie ein neues Seitenobjekt
newPage = new aspose.diagram.Page();
// Name einsetzen
newPage.setName("new page");
// Seiten-ID festlegen
newPage.setID(max + 1);

// Oder versuchen Sie es mit dem Seitenkonstruktor
// Seite neueSeite = neue Seite(MaxPageId + 1);

// Fügen Sie eine neue leere Seite hinzu
diagram.getPages().add(newPage);
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);

Erstellen Sie eine Form in einem Visio Diagramm in Node.js

Nachdem Sie die Seite im Diagramm erstellt haben, können Sie ihr eine Form hinzufügen. Im Folgenden werden die Schritte zum Erstellen und Einfügen einer Form in das Diagramm beschrieben.

  • Erstellen Sie ein Objekt der Klasse Diagram.
  • Master zum Diagramm hinzufügen, indem der Pfad der Schablonendatei verwendet wird.
  • Fügen Sie eine rechteckige Form mit der methode Diagram.addShape() hinzu.
  • Legen Sie die Eigenschaften der Form wie ID, Text, Position, Füllfarbe usw. fest.
  • Speichern Sie das Diagramm mit der methode Diagram.save().

Das folgende Codebeispiel zeigt, wie Sie dem Visio Diagramm in Node.js eine Form hinzufügen.

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

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

// Seite nach Namen abrufen
page = diagram.getPages()[.getPage("Page-2")];

// Master mit Schablonendateipfad und Master-ID hinzufügen
masterName = "Rectangle";
// Master mit Schablonendateipfad und Mastername hinzufügen
diagram.addMaster("Basic Shapes.vss", masterName);
            
// Die Seitenindizierung beginnt bei 0
PageIndex = 2;
width = 2, height = 2, pinX = 4.25, pinY = 4.5;
// Fügen Sie eine neue rechteckige Form hinzu
rectangleId = diagram.addShape(pinX, pinY, width, height, masterName, PageIndex);
            
// Formeigenschaften festlegen 
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);

Fügen Sie einem Visio Diagramm in Node.js eine Textform hinzu

Mit Aspose.Diagram können Sie auch Text zu den Visio Diagrammen hinzufügen. In diesem Fall wird der Text als Form hinzugefügt. Im Folgenden finden Sie die Schritte zum Hinzufügen von Text zu einem Visio Diagramm.

  • Erstellen Sie ein neues Visio Diagramm mit der Klasse Diagram.
  • Fügen Sie dem Diagramm mithilfe der Methode Diagram.getPages().getPage(0).addText() eine Textform hinzu.
  • Speichern Sie das Diagramm mit der methode Diagram.save().

Das folgende Codebeispiel zeigt, wie Sie dem Visio Diagramm in Node.js eine Textform hinzufügen.

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

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

// Parameter einstellen
PinX = 1, PinY = 1, Width = 1, Height = 1;
text = "Test text";

// Hinzufügen von Text zu einer Visio-Seite
diagram.getPages().getPage(0).addText(PinX, PinY, Width, Height, text);

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

Hyperlinks in Visio Diagrammen können verwendet werden, um von einer Seite zu einer anderen zu navigieren oder um eine Datei oder eine Webseite mit der Zeichnung zu verknüpfen. Im Folgenden finden Sie die Schritte zum Hinzufügen eines Hyperlinks zu einem Visio Diagramm.

  • Erstellen Sie ein neues Visio Diagramm.
  • Wählen Sie die gewünschte Seite aus dem Diagramm aus.
  • Wählen Sie die gewünschte Form auf der ausgewählten Seite aus.
  • Erstellen Sie einen neuen Hyperlink mit der Hyperlink Klasse und legen Sie seine Eigenschaften fest.
  • Fügen Sie den Hyperlink mit der methode Shape.getHyperlinks().add() zur Form hinzu.
  • Speichern Sie das Diagramm.

Das folgende Codebeispiel zeigt, wie Sie einem Visio Diagramm in Node.js einen Hyperlink hinzufügen.

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

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

page = diagram.getPages().getPage(0);
// Holen Sie sich Form nach ID
shape = page.getShapes().getShape(2);

// Hyperlink objekt initialisieren
hyperlink = new aspose.diagram.Hyperlink();
// Adresswert einstellen
hyperlink.getAddress().setValue("http://www.google.com/");
// Stellen Sie den Subadressenwert ein
hyperlink.getSubAddress().setValue("Sub address here");
// Beschreibungswert festlegen
hyperlink.getDescription().setValue("Description here");
// Name einsetzen
hyperlink.setName("MyHyperLink");

// Fügen Sie der Form einen Hyperlink hinzu
shape.getHyperlinks().add(hyperlink); 

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

Fazit

In diesem Artikel haben Sie gelernt, wie Sie Visio Diagramme/Zeichnungen in Node.js Anwendungen von Grund auf neu erstellen. Das Schritt-für-Schritt-Lernprogramm und die Codebeispiele zeigten, wie Master, Seiten, Formen, Text und Hyperlinks im Visio Diagramm mit wenigen Codezeilen hinzugefügt werden. Weitere Informationen zur Visio-API für Node.js finden Sie in der Dokumentation.

In Verbindung stehende Artikel