Aspose.Diagram for Java, Visio diyagramlarını Microsoft Visio gerektirmeden programatik olarak işlemek için zengin özelliklere sahip bir Java API’sidir. API; VSD, VSDX, VDX, VSDM, VSSM ve VSSX gibi popüler Visio biçimleriyle çalışmayı destekler. Son zamanlarda, Aspose.Diagram for Java’nın yeteneklerinden yararlandık ve MS Visio otomasyon özelliklerini Node.js uygulamalarında uygulamayı mümkün kıldık. Bu özellikler, Node.js uygulamanızda MS Visio diyagramları oluşturmanıza, değiştirmenize, dönüştürmenize ve işlemenize olanak tanır.

Aspose.Diagram for Node.js via Java, Visio diyagramlarının oluşturulmasını veya işlenmesini otomatikleştirmek için eksiksiz bir özellikler seti sağlar. Diyagramları birkaç satır kodla kolayca oluşturabilir, okuyabilir, dışa aktarabilir, yazdırabilir ve koruyabilirsiniz. Bu makalede, bir Node.js uygulamasında sıfırdan Visio diyagramlarının nasıl oluşturulacağını ele alacağım. Makalenin geri kalanı aşağıdaki bölümlere ayrılmıştır.

Node.js Visio API - Kurulum

Aspose.Diagram paketini Node.js uygulamanıza kurmak için aşağıdaki komutu kullanın.

npm install aspose.diagram --save

Node.js’de MS Visio Diyagramı Oluşturma

Sıfırdan boş bir Visio diyagramı (VSDX) oluşturarak başlayacağım. Aşağıda bu işlemi gerçekleştirmek için adımlar verilmiştir.

  • Diagram sınıfından bir nesne oluşturun.
  • Diyagramı Diagram.save() yöntemini kullanarak bir dosya olarak kaydedin.

Aşağıdaki kod örneği, bir Node.js uygulamasında Visio diyagramının (VSDX) nasıl oluşturulacağını gösterir.

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

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

Node.js’de Visio Diyagramına Master Ekleme

Visio Kalıpları, Visio diyagramlarına şekil eklemek/kopyalamak için kullanılan ana şekiller koleksiyonunu içerir. VSS kalıp dosyasını kullanarak Visio diyagramına bir kalıp eklersiniz. Aşağıda, Aspose.Diagram kullanarak bir master ekleme adımları yer almaktadır.

  • Diagram sınıfını kullanarak yeni bir Visio diyagramı oluşturun.
  • Şablon dosyasının yolunu ve master’ın adını/kimliğini kullanarak master’ı diyagrama ekleyin.
  • Master’ın adını kullanarak diyagrama şekil ekleyin.
  • Diagram.save() yöntemini kullanarak diyagramı kaydedin.

Aşağıdaki kod örneği, Node.js’de bir Visio diyagramına ana öğenin nasıl ekleneceğini gösterir.

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

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

// Bir akışa şablon yükleme
templateFileName = "NetApp-FAS-series.vss";

// Şablon dosyası yolu ve ana kimliği ile ana öğe ekle
masterName = "FAS80xx rear empty";
diagram.addMaster(templateFileName, 2);

// Veya şablon dosya yolu ve ana ad ile ana belge ekleyin
diagram.addMaster(templateFileName, masterName);

// Veya kaynak diyagramdan diyagrama master ekleyin
src = new aspose.diagram.Diagram(templateFileName);
diagram.addMaster(src, masterName);

// Tanımlanmış PinX ve PinY ile şekil ekleyin.
diagram.addShape(2.0, 2.0, masterName, 0);
diagram.addShape(6.0, 6.0, masterName, 0);

// Tanımlı PinX, PinY, Genişlik ve Yükseklik ile şekil ekleyin.
diagram.addShape(7.0, 3.0, 1.5, 1.5, masterName, 0);

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

Node.js’de Visio Diyagramına Sayfa Ekleme

Şekilleri oluşturmadan önce Visio diyagramında en az bir sayfanızın olması gerekir. Visio diyagramındaki her sayfanın, o sayfayı benzersiz şekilde tanımlamak için kullanılan bir adı ve kimliği vardır. Visio diyagramına sayfa ekleme adımları aşağıda verilmiştir.

  • Diagram sınıfının bir örneğini oluşturun.
  • Maksimum sayfa kimliğini hesaplayın.
  • Page sınıfını kullanarak yeni bir sayfa oluşturun.
  • Sırasıyla Page.setName() ve Page.setID() yöntemini kullanarak sayfanın adını ve kimliğini ayarlayın.
  • Diagram.getPages().add() yöntemini kullanarak diyagrama sayfa ekleyin.
  • Diagram.save() yöntemini kullanarak Visio diyagramını kaydedin.

Aşağıdaki kod örneği, Node.js’de bir Visio diyagramına sayfaların nasıl ekleneceğini gösterir.

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

var diagram = new aspose.diagram.Diagram();
// maksimum sayfa kimliğini hesaplar
 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();
}
        
// Yeni bir sayfa nesnesi başlat
newPage = new aspose.diagram.Page();
// adı ayarla
newPage.setName("new page");
// Sayfa kimliğini ayarla
newPage.setID(max + 1);

// Veya Sayfa oluşturucuyu deneyin
// Sayfa yeniSayfa = yeni Sayfa(MaxPageId + 1);

// yeni bir boş sayfa ekle
diagram.getPages().add(newPage);
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);

Node.js’de Visio Diyagramında Şekil Oluşturma

Diyagramda sayfayı oluşturduktan sonra ona bir şekil ekleyebilirsiniz. Diyagramda bir şekil oluşturma ve ekleme adımları aşağıda verilmiştir.

  • Diagram sınıfından bir nesne oluşturun.
  • Şablon dosyasının yolunu kullanarak şemaya ana öğe ekleyin.
  • Diagram.addShape() yöntemini kullanarak bir dikdörtgen şekli ekleyin.
  • Kimlik, metin, konum, dolgu rengi vb. gibi şeklin özelliklerini ayarlayın.
  • Diagram.save() yöntemini kullanarak diyagramı kaydedin.

Aşağıdaki kod örneği, Node.js’de Visio diyagramına nasıl şekil ekleneceğini gösterir.

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

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

// Ada göre sayfa al
page = diagram.getPages()[.getPage("Page-2")];

// Şablon dosyası yolu ve ana kimliği ile ana öğe ekle
masterName = "Rectangle";
// Şablon dosyası yolu ve ana adı ile ana belge ekle
diagram.addMaster("Basic Shapes.vss", masterName);
            
// Sayfa indeksleme 0'dan başlar
PageIndex = 2;
width = 2, height = 2, pinX = 4.25, pinY = 4.5;
// Yeni bir dikdörtgen şekli ekleyin
rectangleId = diagram.addShape(pinX, pinY, width, height, masterName, PageIndex);
            
// Şekil özelliklerini ayarla 
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);

Node.js’de Visio Diyagramına Metin Şekli Ekleme

Aspose.Diagram ayrıca Visio diyagramlarına metin eklemenizi sağlar. Bu durumda, metin bir şekil olarak eklenir. Aşağıdakiler, bir Visio diyagramına metin ekleme adımlarıdır.

  • Diagram sınıfını kullanarak yeni bir Visio diyagramı oluşturun.
  • Diagram.getPages().getPage(0).addText() yöntemini kullanarak diyagrama metin şekli ekleyin.
  • Diagram.save() yöntemini kullanarak diyagramı kaydedin.

Aşağıdaki kod örneği, Node.js’deki Visio diyagramına metin şeklinin nasıl ekleneceğini gösterir.

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

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

// Parametreleri ayarla
PinX = 1, PinY = 1, Width = 1, Height = 1;
text = "Test text";

// Visio sayfasına metin ekleme
diagram.getPages().getPage(0).addText(PinX, PinY, Width, Height, text);

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

Visio diyagramlarındaki köprüler, bir sayfadan diğerine gitmek veya bir dosyayı veya web sayfasını çizime bağlamak için kullanılabilir. Aşağıdakiler, bir Visio diyagramına köprü ekleme adımlarıdır.

  • Yeni bir Visio diyagramı oluşturun.
  • Diyagramdan istediğiniz sayfayı seçin.
  • Seçilen sayfadan istediğiniz Shape öğesini seçin.
  • Hyperlink sınıfını kullanarak yeni bir köprü oluşturun ve özelliklerini ayarlayın.
  • Shape.getHyperlinks().add() yöntemini kullanarak köprüyü şekle ekleyin.
  • Diyagramı kaydedin.

Aşağıdaki kod örneği, Node.js’de bir Visio diyagramına nasıl köprü ekleneceğini gösterir.

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

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

page = diagram.getPages().getPage(0);
// Kimliğe göre şekil alın
shape = page.getShapes().getShape(2);

// Köprü nesnesini başlat
hyperlink = new aspose.diagram.Hyperlink();
// Adres değerini ayarla
hyperlink.getAddress().setValue("http://www.google.com/");
// Alt adres değerini ayarla
hyperlink.getSubAddress().setValue("Sub address here");
// Açıklama değerini ayarla
hyperlink.getDescription().setValue("Description here");
// adı ayarla
hyperlink.setName("MyHyperLink");

// Şekle köprü ekleme
shape.getHyperlinks().add(hyperlink); 

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

Çözüm

Bu makalede, Node.js uygulamalarında sıfırdan Visio diyagramları/çizimleri oluşturmayı öğrendiniz. Adım adım öğretici ve kod örnekleri, birkaç kod satırıyla Visio diyagramına kalıp, sayfalar, şekiller, metin ve köprülerin nasıl ekleneceğini gösterdi. Belgeleri kullanarak Node.js için Visio API hakkında daha fazlasını keşfedebilirsiniz.

İlgili Makaleler)