Aspose.Diagram for Java är ett funktionsrikt Java API för att manipulera Visio-diagram programmatiskt utan att behöva Microsoft Visio. API:et stöder arbete med populära Visio-format inklusive VSD, VSDX, VDX, VSDM, VSSM och VSSX. Nyligen har vi utnyttjat funktionerna i Aspose.Diagram för Java och gjort det möjligt att implementera MS Visio automationsfunktioner i Node.js-applikationer. Dessa funktioner låter dig skapa, manipulera, konvertera och bearbeta MS Visio-diagram i din Node.js-applikation.

Aspose.Diagram for Node.js via Java tillhandahåller en komplett uppsättning funktioner för att automatisera skapandet eller manipuleringen av Visio-diagram. Du kan skapa, läsa, exportera, skriva ut och skydda diagrammen ganska enkelt med några rader kod. I den här artikeln kommer jag att täcka hur man skapar Visio-diagram från början i en Node.js-applikation. Resten av artikeln är uppdelad i följande avsnitt.

Node.js Visio API - Installation

Använd följande kommando för att installera paketet Aspose.Diagram i din Node.js-applikation.

npm install aspose.diagram --save

Skapa MS Visio-diagram i Node.js

Jag börjar med att skapa ett tomt Visio-diagram (VSDX) från början. Följande är stegen för att utföra denna operation.

Följande kodexempel visar hur man skapar ett Visio-diagram (VSDX) i en Node.js-applikation.

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

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

Lägg till Master till Visio Diagram i Node.js

Visio-stencilerna innehåller samlingen av masterformer som används för att lägga till/kopiera former i Visio-diagrammen. Du lägger till en master till Visio-diagrammet med hjälp av VSS-stencilfilen. Följande är stegen för att lägga till en master med Aspose.Diagram.

  • Skapa ett nytt Visio-diagram med klassen Diagram.
  • Lägg till master i diagrammet med hjälp av stencilfilens sökväg och masterns namn/ID.
  • Lägg till form till diagrammet med hjälp av mästarens namn.
  • Spara diagram med metoden Diagram.save().

Följande kodexempel visar hur man lägger till en master till ett Visio-diagram i Node.js.

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

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

// Ladda stencil till en ström
templateFileName = "NetApp-FAS-series.vss";

// Lägg till master med stencilfilsökväg och master-id
masterName = "FAS80xx rear empty";
diagram.addMaster(templateFileName, 2);

// Eller lägg till master med stencilfilsökväg och masternamn
diagram.addMaster(templateFileName, masterName);

// Eller lägg till master till diagram från källdiagrammet
src = new aspose.diagram.Diagram(templateFileName);
diagram.addMaster(src, masterName);

// Lägg till form med definierade PinX och PinY.
diagram.addShape(2.0, 2.0, masterName, 0);
diagram.addShape(6.0, 6.0, masterName, 0);

// Lägg till form med definierade PinX, PinY, Width och Height.
diagram.addShape(7.0, 3.0, 1.5, 1.5, masterName, 0);

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

Infoga sidor i ett Visio-diagram i Node.js

Innan du skapar formerna måste du ha minst en sida i Visio-diagrammet. Varje sida i Visio-diagrammet har ett namn och id som används för att unikt identifiera den sidan. Följande är stegen för att lägga till en sida i Visio-diagrammet.

Följande kodexempel visar hur man infogar sidor i ett Visio-diagram i Node.js.

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

var diagram = new aspose.diagram.Diagram();
// den beräknar max sid-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();
}
        
// Initiera ett nytt sidobjekt
newPage = new aspose.diagram.Page();
// Ange namn
newPage.setName("new page");
// Ställ in sid-ID
newPage.setID(max + 1);

// Eller prova sidkonstruktorn
// Page newPage = new Page(MaxPageId + 1);

// Lägg till en ny tom sida
diagram.getPages().add(newPage);
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);

Skapa en form i ett Visio-diagram i Node.js

När du har skapat sidan i diagrammet kan du lägga till en form till den. Följande är stegen för att skapa och infoga en form i diagrammet.

  • Skapa ett objekt av klassen Diagram.
  • Lägg till master till diagrammet med hjälp av stencilfilens sökväg.
  • Lägg till en rektangelform med metoden Diagram.addShape().
  • Ställ in formens egenskaper som ID, text, position, fyllningsfärg etc.
  • Spara diagrammet med metoden Diagram.save().

Följande kodexempel visar hur du lägger till en form i Visio-diagrammet i Node.js.

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

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

// Få sida med namn
page = diagram.getPages()[.getPage("Page-2")];

// Lägg till master med stencilfilsökväg och master-id
masterName = "Rectangle";
// Lägg till master med stencilfilsökväg och masternamn
diagram.addMaster("Basic Shapes.vss", masterName);
            
// Sidindexering börjar från 0
PageIndex = 2;
width = 2, height = 2, pinX = 4.25, pinY = 4.5;
// Lägg till en ny rektangelform
rectangleId = diagram.addShape(pinX, pinY, width, height, masterName, PageIndex);
            
// Ställ in formegenskaper 
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);

Lägg till en textform till ett Visio-diagram i Node.js

Aspose.Diagram låter dig också lägga till text till Visio-diagrammen. I det här fallet läggs texten till som en form. Följande är stegen för att lägga till text i ett Visio-diagram.

  • Skapa ett nytt Visio-diagram med klassen Diagram.
  • Lägg till textform i diagrammet med metoden Diagram.getPages().getPage(0).addText().
  • Spara diagrammet med metoden Diagram.save().

Följande kodexempel visar hur du lägger till textform till Visio-diagrammet i Node.js.

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

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

// Ställ in parametrar
PinX = 1, PinY = 1, Width = 1, Height = 1;
text = "Test text";

// Lägg till text på en Visio-sida
diagram.getPages().getPage(0).addText(PinX, PinY, Width, Height, text);

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

Hyperlänkar i Visio-diagram kan användas för att navigera från en sida till en annan eller för att länka en fil eller en webbsida till ritningen. Följande är stegen för att lägga till en hyperlänk till ett Visio-diagram.

  • Skapa ett nytt Visio-diagram.
  • Välj önskad sida från diagrammet.
  • Välj önskad Shape från den valda sidan.
  • Skapa en ny hyperlänk med klassen Hyperlink och ställ in dess egenskaper.
  • Lägg till hyperlänken till formen med metoden Shape.getHyperlinks().add().
  • Spara diagrammet.

Följande kodexempel visar hur du lägger till en hyperlänk till ett Visio-diagram i Node.js.

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

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

page = diagram.getPages().getPage(0);
// Få form genom ID
shape = page.getShapes().getShape(2);

// Initiera Hyperlink-objekt
hyperlink = new aspose.diagram.Hyperlink();
// Ställ in adressvärde
hyperlink.getAddress().setValue("http://www.google.com/");
// Ställ in subadressvärde
hyperlink.getSubAddress().setValue("Sub address here");
// Ställ in beskrivningsvärde
hyperlink.getDescription().setValue("Description here");
// Ange namn
hyperlink.setName("MyHyperLink");

// Lägg till hyperlänk till formen
shape.getHyperlinks().add(hyperlink); 

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

Slutsats

I den här artikeln har du lärt dig hur du skapar Visio-diagram/ritningar från grunden i Node.js-applikationer. Steg för steg handledning och kodexempel visade hur man lägger till master, sidor, former, text och hyperlänkar i Visio-diagrammet med några rader kod. Du kan utforska mer om Visio API för Node.js med hjälp av dokumentationen.

Relaterade artiklar)