Aspose.Diagram for Java è un’API Java ricca di funzionalità per la manipolazione dei diagrammi di Visio a livello di codice senza richiedere Microsoft Visio. L’API supporta l’utilizzo dei formati Visio più diffusi, inclusi VSD, VSDX, VDX, VSDM, VSSM e VSSX. Di recente, abbiamo sfruttato le funzionalità di Aspose.Diagram per Java e reso possibile l’implementazione delle funzionalità di automazione di MS Visio nelle applicazioni Node.js. Queste funzionalità ti consentono di creare, manipolare, convertire ed elaborare diagrammi MS Visio all’interno della tua applicazione Node.js.

Aspose.Diagram for Node.js tramite Java fornisce un set completo di funzionalità per automatizzare la creazione o la manipolazione dei diagrammi di Visio. Puoi creare, leggere, esportare, stampare e proteggere i diagrammi abbastanza facilmente in poche righe di codice. In questo articolo illustrerò come creare diagrammi di Visio da zero all’interno di un’applicazione Node.js. Il resto dell’articolo è suddiviso nelle seguenti sezioni.

Node.js API di Visio - Installazione

Utilizzare il comando seguente per installare il pacchetto Aspose.Diagram nell’applicazione Node.js.

npm install aspose.diagram --save

Crea diagramma MS Visio in Node.js

Inizierò creando un diagramma di Visio vuoto (VSDX) da zero. Di seguito sono riportati i passaggi per eseguire questa operazione.

Nell’esempio di codice seguente viene illustrato come creare un diagramma di Visio (VSDX) in un’applicazione Node.js.

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

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

Aggiungi Master al diagramma di Visio in Node.js

Gli stencil di Visio contengono la raccolta di forme principali utilizzate per aggiungere/copiare forme nei diagrammi di Visio. Aggiungere un master al diagramma di Visio utilizzando il file di stencil VSS. Di seguito sono riportati i passaggi per aggiungere un master utilizzando Aspose.Diagram.

  • Crea un nuovo diagramma di Visio usando la classe Diagram.
  • Aggiungi master al diagramma utilizzando il percorso del file stencil e il nome/ID del master.
  • Aggiungi forma al diagramma usando il nome del maestro.
  • Salva il diagramma usando il metodo Diagram.save().

Nell’esempio di codice seguente viene illustrato come aggiungere un master a un diagramma di Visio in Node.js.

Inserisci pagine in un diagramma di Visio in Node.js

Prima di creare le forme, è necessario disporre di almeno una pagina nel diagramma di Visio. Ogni pagina nel diagramma di Visio ha un nome e un ID utilizzati per identificare in modo univoco quella pagina. Di seguito sono i passaggi per aggiungere una pagina nel diagramma di Visio.

Nell’esempio di codice seguente viene illustrato come inserire pagine in un diagramma di Visio in Node.js.

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

var diagram = new aspose.diagram.Diagram();
// calcola l'ID massimo della pagina
 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();
}
        
// Inizializza un nuovo oggetto pagina
newPage = new aspose.diagram.Page();
// Imposta nome
newPage.setName("new page");
// Imposta ID pagina
newPage.setID(max + 1);

// Oppure prova il costruttore della pagina
// Pagina nuovaPagina = nuova Pagina(MaxPageId + 1);

// Aggiungi una nuova pagina vuota
diagram.getPages().add(newPage);
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);

Creare una forma in un diagramma di Visio in Node.js

Dopo aver creato la pagina nel diagramma, puoi aggiungervi una forma. Di seguito sono riportati i passaggi per creare e inserire una forma nel diagramma.

  • Crea un oggetto della classe Diagram.
  • Aggiungi master al diagramma usando il percorso del file stencil.
  • Aggiungi una forma rettangolare usando il metodo Diagram.addShape().
  • Imposta le proprietà della forma come ID, testo, posizione, colore di riempimento, ecc.
  • Salva il diagramma usando il metodo Diagram.save().

Nell’esempio di codice seguente viene illustrato come aggiungere una forma al diagramma di Visio in Node.js.

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

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

// Ottieni la pagina per nome
page = diagram.getPages()[.getPage("Page-2")];

// Aggiungi master con percorso file stencil e ID master
masterName = "Rectangle";
// Aggiungi master con percorso file stencil e nome master
diagram.addMaster("Basic Shapes.vss", masterName);
            
// L'indicizzazione delle pagine inizia da 0
PageIndex = 2;
width = 2, height = 2, pinX = 4.25, pinY = 4.5;
// Aggiungi una nuova forma rettangolare
rectangleId = diagram.addShape(pinX, pinY, width, height, masterName, PageIndex);
            
// Imposta le proprietà della forma 
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);

Aggiungi una forma di testo a un diagramma di Visio in Node.js

Aspose.Diagram consente inoltre di aggiungere testo ai diagrammi di Visio. In questo caso, il testo viene aggiunto come forma. Di seguito sono riportati i passaggi per aggiungere testo a un diagramma di Visio.

  • Crea un nuovo diagramma di Visio usando la classe Diagram.
  • Aggiungi la forma del testo al diagramma usando il metodo Diagram.getPages().getPage(0).addText().
  • Salva il diagramma usando il metodo Diagram.save().

Nell’esempio di codice seguente viene illustrato come aggiungere la forma del testo al diagramma di Visio in Node.js.

I collegamenti ipertestuali nei diagrammi di Visio possono essere usati per spostarsi da una pagina all’altra o per collegare un file o una pagina Web al disegno. Di seguito sono i passaggi per aggiungere un collegamento ipertestuale a un diagramma di Visio.

  • Crea un nuovo diagramma di Visio.
  • Selezionare la pagina desiderata dal diagramma.
  • Selezionare la Forma desiderata dalla pagina selezionata.
  • Creare un nuovo collegamento ipertestuale utilizzando la classe Collegamento ipertestuale e impostarne le proprietà.
  • Aggiungi il collegamento ipertestuale alla forma utilizzando il metodo Shape.getHyperlinks().add().
  • Salva il diagramma.

Nell’esempio di codice seguente viene illustrato come aggiungere un collegamento ipertestuale a un diagramma di Visio in Node.js.

Conclusione

In questo articolo hai imparato come creare diagrammi/disegni di Visio da zero nelle applicazioni Node.js. L’esercitazione dettagliata e gli esempi di codice hanno mostrato come aggiungere master, pagine, forme, testo e collegamenti ipertestuali nel diagramma di Visio con poche righe di codice. Puoi esplorare di più sull’API di Visio per Node.js usando la documentazione.

Articoli Correlati