Aspose.Diagram for Java je rozhraní Java API s bohatými funkcemi pro programovou manipulaci s diagramy aplikace Visio bez nutnosti aplikace Microsoft Visio. Rozhraní API podporuje práci s oblíbenými formáty Visio včetně VSD, VSDX, VDX, VSDM, VSSM a VSSX. Nedávno jsme využili možnosti Aspose.Diagram pro Javu a umožnili jsme implementovat automatizační funkce MS Visio v aplikacích Node.js. Tyto funkce umožňují vytvářet, manipulovat, převádět a zpracovávat diagramy MS Visio v rámci aplikace Node.js.

Aspose.Diagram for Node.js přes Java poskytuje kompletní sadu funkcí pro automatizaci vytváření nebo manipulace s diagramy Visio. Diagramy můžete snadno vytvářet, číst, exportovat, tisknout a chránit pomocí několika řádků kódu. V tomto článku se budu zabývat tím, jak vytvořit diagramy Visio od začátku v aplikaci Node.js. Zbytek článku je rozdělen do následujících částí.

Node.js Visio API – instalace

Pomocí následujícího příkazu nainstalujte balíček Aspose.Diagram do vaší aplikace Node.js.

npm install aspose.diagram --save

Vytvořte diagram MS Visio v Node.js

Začnu vytvořením prázdného diagramu Visio (VSDX) od začátku. Následují kroky k provedení této operace.

Následující ukázka kódu ukazuje, jak vytvořit diagram Visio (VSDX) v aplikaci Node.js.

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

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

Přidejte předlohu do diagramu Visio v Node.js

Vzorníky aplikace Visio obsahují kolekci hlavních obrazců, které se používají k přidávání/kopírování obrazců v diagramech aplikace Visio. Předlohu přidáte do diagramu aplikace Visio pomocí souboru vzorníku VSS. Následují kroky pro přidání předlohy pomocí Aspose.Diagram.

  • Vytvořte nový diagram aplikace Visio pomocí třídy Diagram.
  • Přidejte předlohu do diagramu pomocí cesty k souboru vzorníku a názvu/ID předlohy.
  • Přidejte tvar do diagramu pomocí jména předlohy.
  • Uložte diagram pomocí metody Diagram.save().

Následující ukázka kódu ukazuje, jak přidat předlohu do diagramu Visio v Node.js.

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

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

// Načíst vzorník do streamu
templateFileName = "NetApp-FAS-series.vss";

// Přidejte předlohu s cestou k souboru vzorníku a ID předlohy
masterName = "FAS80xx rear empty";
diagram.addMaster(templateFileName, 2);

// Nebo přidejte předlohu s cestou k souboru vzorníku a názvem předlohy
diagram.addMaster(templateFileName, masterName);

// Nebo přidejte master do diagramu ze zdrojového diagramu
src = new aspose.diagram.Diagram(templateFileName);
diagram.addMaster(src, masterName);

// Přidejte tvar pomocí definovaných PinX a PinY.
diagram.addShape(2.0, 2.0, masterName, 0);
diagram.addShape(6.0, 6.0, masterName, 0);

// Přidejte tvar s definovanými PinX, PinY, Width a Height.
diagram.addShape(7.0, 3.0, 1.5, 1.5, masterName, 0);

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

Vložte stránky do diagramu Visio v Node.js

Před vytvořením obrazců musíte mít v diagramu aplikace Visio alespoň jednu stránku. Každá stránka v diagramu Visio má název a ID, které se používají k jednoznačné identifikaci dané stránky. Následují kroky k přidání stránky do diagramu aplikace Visio.

Následující ukázka kódu ukazuje, jak vložit stránky do diagramu aplikace Visio v Node.js.

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

var diagram = new aspose.diagram.Diagram();
// vypočítá maximální ID stránky
 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();
}
        
// Inicializujte nový objekt stránky
newPage = new aspose.diagram.Page();
// Nastavit název
newPage.setName("new page");
// Nastavit ID stránky
newPage.setID(max + 1);

// Nebo zkuste konstruktor stránky
// Stránka newPage = nová stránka(MaxPageId + 1);

// Přidejte novou prázdnou stránku
diagram.getPages().add(newPage);
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);

Vytvořte tvar v diagramu Visio v Node.js

Jakmile vytvoříte stránku v diagramu, můžete k ní přidat tvar. Následují kroky k vytvoření a vložení tvaru do diagramu.

  • Vytvořte objekt třídy Diagram.
  • Přidejte předlohu do diagramu pomocí cesty k souboru vzorníku.
  • Přidejte tvar obdélníku pomocí metody Diagram.addShape().
  • Nastavte vlastnosti tvaru, jako je ID, text, pozice, barva výplně atd.
  • Uložte diagram pomocí metody Diagram.save().

Následující ukázka kódu ukazuje, jak přidat obrazec do diagramu aplikace Visio v Node.js.

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

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

// Získejte stránku podle jména
page = diagram.getPages()[.getPage("Page-2")];

// Přidejte předlohu s cestou k souboru vzorníku a ID předlohy
masterName = "Rectangle";
// Přidejte předlohu s cestou k souboru vzorníku a názvem předlohy
diagram.addMaster("Basic Shapes.vss", masterName);
            
// Indexování stránek začíná od 0
PageIndex = 2;
width = 2, height = 2, pinX = 4.25, pinY = 4.5;
// Přidejte nový tvar obdélníku
rectangleId = diagram.addShape(pinX, pinY, width, height, masterName, PageIndex);
            
// Nastavte vlastnosti tvaru 
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);

Přidejte tvar textu do diagramu Visio v Node.js

Aspose.Diagram také umožňuje přidat text do diagramů aplikace Visio. V tomto případě je text přidán jako tvar. Následují kroky pro přidání textu do diagramu aplikace Visio.

  • Vytvořte nový diagram aplikace Visio pomocí třídy Diagram.
  • Přidejte do diagramu tvar textu pomocí metody Diagram.getPages().getPage(0).addText().
  • Uložte diagram pomocí metody Diagram.save().

Následující ukázka kódu ukazuje, jak přidat obrazec textu do diagramu aplikace Visio v Node.js.

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

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

// Nastavte parametry
PinX = 1, PinY = 1, Width = 1, Height = 1;
text = "Test text";

// Přidejte text na stránku aplikace Visio
diagram.getPages().getPage(0).addText(PinX, PinY, Width, Height, text);

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

Hypertextové odkazy v diagramech aplikace Visio lze použít k navigaci z jedné stránky na druhou nebo k propojení souboru nebo webové stránky s výkresem. Následují kroky pro přidání hypertextového odkazu do diagramu aplikace Visio.

  • Vytvořte nový diagram aplikace Visio.
  • Vyberte požadovanou stránku z diagramu.
  • Vyberte požadovaný Shape z vybrané stránky.
  • Vytvořte nový hypertextový odkaz pomocí třídy Hyperlink a nastavte jeho vlastnosti.
  • Přidejte hypertextový odkaz na tvar pomocí metody Shape.getHyperlinks().add().
  • Uložte diagram.

Následující ukázka kódu ukazuje, jak přidat hypertextový odkaz na diagram aplikace Visio v Node.js.

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

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

page = diagram.getPages().getPage(0);
// Získejte tvar podle ID
shape = page.getShapes().getShape(2);

// Inicializovat objekt hypertextového odkazu
hyperlink = new aspose.diagram.Hyperlink();
// Nastavte hodnotu adresy
hyperlink.getAddress().setValue("http://www.google.com/");
// Nastavte hodnotu podadresy
hyperlink.getSubAddress().setValue("Sub address here");
// Nastavte hodnotu popisu
hyperlink.getDescription().setValue("Description here");
// Nastavit název
hyperlink.setName("MyHyperLink");

// Přidejte hypertextový odkaz do tvaru
shape.getHyperlinks().add(hyperlink); 

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

Závěr

V tomto článku jste se naučili, jak vytvořit diagramy/výkresy Visia od začátku v aplikacích Node.js. Výukový program krok za krokem a ukázky kódu ukázaly, jak přidat vzor, stránky, tvary, text a hypertextové odkazy do diagramu aplikace Visio pomocí několika řádků kódu. Další informace o rozhraní Visio API pro Node.js můžete prozkoumat pomocí dokumentace.

Související články