Aspose.Diagram for Java הוא Java API עשיר בתכונות לתפעול דיאגרמות של Visio באופן פרוגרמטי ללא צורך ב-Microsoft Visio. ה-API תומך בעבודה עם פורמטים פופולריים של Visio כולל VSD, VSDX, VDX, VSDM, VSSM ו-VSSX. לאחרונה, מינפנו את היכולות של Aspose.Diagram עבור Java ואפשרנו ליישם תכונות אוטומציה של MS Visio ביישומי Node.js. תכונות אלו מאפשרות לך ליצור, לתפעל, להמיר ולעבד דיאגרמות MS Visio בתוך יישום Node.js שלך.

Aspose.Diagram for Node.js דרך Java מספק סט שלם של תכונות לאוטומטיות של יצירה או מניפולציה של דיאגרמות Visio. אתה יכול ליצור, לקרוא, לייצא, להדפיס ולהגן על הדיאגרמות די בקלות בכמה שורות קוד. במאמר זה, אספר כיצד ליצור דיאגרמות של Visio מאפס בתוך יישום Node.js. שאר המאמר מחולק לחלקים הבאים.

Node.js Visio API - התקנה

השתמש בפקודה הבאה כדי להתקין את חבילת Aspose.Diagram ביישום Node.js שלך.

npm install aspose.diagram --save

צור דיאגרמת MS Visio ב-Node.js

אתחיל ביצירת דיאגרמת Visio ריקה (VSDX) מאפס. להלן השלבים לביצוע פעולה זו.

דוגמת הקוד הבאה מראה כיצד ליצור דיאגרמת Visio (VSDX) ביישום Node.js.

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

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

הוסף מאסטר לדיאגרמת Visio ב-Node.js

סטנסילים של Visio מכילים את אוסף צורות המאסטר המשמשות להוספה/העתקה של צורות בדיאגרמות של Visio. אתה מוסיף מאסטר לתרשים Visio באמצעות קובץ הסטנסיל של VSS. להלן השלבים להוספת מאסטר באמצעות Aspose.Diagram.

  • צור דיאגרמת Visio חדשה באמצעות המחלקה Diagram.
  • הוסף מאסטר לתרשים באמצעות הנתיב של קובץ הסטנסיל והשם/מזהה של המאסטר.
  • הוסף צורה לתרשים באמצעות שם המאסטר.
  • שמור דיאגרמה באמצעות שיטת Diagram.save().

דוגמת הקוד הבאה מראה כיצד להוסיף מאסטר לדיאגרמת Visio ב-Node.js.

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

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

// טען סטנסיל לזרם
templateFileName = "NetApp-FAS-series.vss";

// הוסף מאסטר עם נתיב קובץ סטנסיל ומזהה מאסטר
masterName = "FAS80xx rear empty";
diagram.addMaster(templateFileName, 2);

// או הוסף מאסטר עם נתיב קובץ סטנסיל ושם מאסטר
diagram.addMaster(templateFileName, masterName);

// או הוסף מאסטר לתרשים מתרשים המקור
src = new aspose.diagram.Diagram(templateFileName);
diagram.addMaster(src, masterName);

// הוסף צורה עם PinX ו-PinY מוגדרים.
diagram.addShape(2.0, 2.0, masterName, 0);
diagram.addShape(6.0, 6.0, masterName, 0);

// הוסף צורה עם PinX, PinY, רוחב וגובה מוגדרים.
diagram.addShape(7.0, 3.0, 1.5, 1.5, masterName, 0);

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

הוסף דפים בתרשים Visio ב-Node.js

לפני יצירת הצורות, עליך שיהיה לך לפחות עמוד אחד בתרשים Visio. לכל עמוד בתרשים Visio יש שם ומזהה המשמשים לזיהוי ייחודי של עמוד זה. להלן השלבים להוספת עמוד בתרשים Visio.

  • צור מופע של המחלקה Diagram.
  • חשב את מזהה העמוד המקסימלי.
  • צור דף חדש באמצעות הכיתה Page.
  • הגדר את השם והמזהה של הדף באמצעות השיטה Page.setName() ו-Page.setID() בהתאמה.
  • הוסף דף לתרשים באמצעות שיטת Diagram.getPages().add().
  • שמור את דיאגרמת Visio באמצעות שיטת Diagram.save().

דוגמת הקוד הבאה מראה כיצד להוסיף דפים לתוך דיאגרמת Visio ב-Node.js.

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

var diagram = new aspose.diagram.Diagram();
// זה מחשב את מזהה העמוד המקסימלי
 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();
}
        
// אתחול אובייקט עמוד חדש
newPage = new aspose.diagram.Page();
// הגדר שם
newPage.setName("new page");
// הגדר מזהה עמוד
newPage.setID(max + 1);

// או נסה את בונה העמודים
// Page newPage = new Page(MaxPageId + 1);

// הוסף דף ריק חדש
diagram.getPages().add(newPage);
diagram.save("output.vsdx", aspose.diagram.SaveFileFormat.VSDX);

צור צורה בתרשים Visio ב-Node.js

לאחר שיצרתם את העמוד בתרשים, תוכלו להוסיף לו צורה. להלן השלבים ליצירה והוספה של צורה בתרשים.

  • צור אובייקט במחלקה דיאגרמה.
  • הוסף מאסטר לתרשים באמצעות הנתיב של קובץ הסטנסיל.
  • הוסף צורת מלבן באמצעות שיטת Diagram.addShape().
  • הגדר את מאפייני הצורה כגון מזהה, טקסט, מיקום, צבע מילוי וכו'.
  • שמור את הדיאגרמה בשיטת Diagram.save().

דוגמת הקוד הבאה מראה כיצד להוסיף צורה לתרשים Visio ב-Node.js.

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

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

// קבל עמוד לפי שם
page = diagram.getPages()[.getPage("Page-2")];

// הוסף מאסטר עם נתיב קובץ סטנסיל ומזהה מאסטר
masterName = "Rectangle";
// הוסף מאסטר עם נתיב קובץ סטנסיל ושם מאסטר
diagram.addMaster("Basic Shapes.vss", masterName);
            
// הוספה לאינדקס של עמודים מתחילה מ-0
PageIndex = 2;
width = 2, height = 2, pinX = 4.25, pinY = 4.5;
// הוסף צורת מלבן חדשה
rectangleId = diagram.addShape(pinX, pinY, width, height, masterName, PageIndex);
            
// הגדר מאפייני צורה 
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);

הוסף צורת טקסט לדיאגרמת Visio ב-Node.js

Aspose.Diagram גם מאפשר לך להוסיף טקסט לדיאגרמות Visio. במקרה זה, הטקסט מתווסף כצורה. להלן השלבים להוספת טקסט לתרשים Visio.

  • צור דיאגרמת Visio חדשה באמצעות המחלקה Diagram.
  • הוסף צורת טקסט לתרשים באמצעות שיטת Diagram.getPages().getPage(0).addText().
  • שמור את הדיאגרמה באמצעות שיטת Diagram.save().

דוגמת הקוד הבאה מראה כיצד להוסיף צורת טקסט לתרשים Visio ב-Node.js.

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

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

// הגדר פרמטרים
PinX = 1, PinY = 1, Width = 1, Height = 1;
text = "Test text";

// הוסף טקסט לדף Visio
diagram.getPages().getPage(0).addText(PinX, PinY, Width, Height, text);

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

ניתן להשתמש בהיפר-קישורים בדיאגרמות של Visio כדי לנווט מדף אחד לאחר או לקשר קובץ או דף אינטרנט לשרטוט. להלן השלבים להוספת היפר-קישור לתרשים Visio.

  • צור דיאגרמת Visio חדשה.
  • בחר את העמוד הרצוי מהתרשים.
  • בחר את ה[צורה] הרצויה 18 מהעמוד שנבחר.
  • צור היפר-קישור חדש באמצעות המחלקה Hyperlink והגדר את המאפיינים שלה.
  • הוסף את ההיפר-קישור לצורה באמצעות שיטת Shape.getHyperlinks().add().
  • שמור את התרשים.

דוגמת הקוד הבאה מראה כיצד להוסיף היפר-קישור לתרשים Visio ב-Node.js.

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

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

page = diagram.getPages().getPage(0);
// קבל צורה לפי תעודת זהות
shape = page.getShapes().getShape(2);

// אתחול אובייקט היפר-קישור
hyperlink = new aspose.diagram.Hyperlink();
// הגדר ערך כתובת
hyperlink.getAddress().setValue("http://www.google.com/");
// הגדר ערך כתובת משנה
hyperlink.getSubAddress().setValue("Sub address here");
// הגדר ערך תיאור
hyperlink.getDescription().setValue("Description here");
// הגדר שם
hyperlink.setName("MyHyperLink");

// הוסף היפר-קישור לצורה
shape.getHyperlinks().add(hyperlink); 

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

סיכום

במאמר זה, למדת כיצד ליצור דיאגרמות/שרטוטים של Visio מאפס ביישומי Node.js. מדריך שלב אחר שלב ודוגמאות קוד הראו כיצד להוסיף מאסטר, דפים, צורות, טקסט והיפר-קישורים בתרשים Visio עם כמה שורות קוד. אתה יכול לחקור עוד על Visio API עבור Node.js באמצעות תיעוד.

מאמרים קשורים)