html5的flow标签,AddFlow for HTML5 关于

超、凢脫俗 2022-10-10 12:32 80阅读 0赞

Addflow for HTML5 is a 100% Javascript component control for creating flowchart diagrams. It offers the following advantages:

It is small. The size of the minified Javascript source code is less than 90 Kb.

A light programming interface: Lassalle have always preferred quality to quantity and they refuse to provide inflated classes and properties.

A great flexibility and full integration with the HTML5 environment

Runtime royalty free

What's New in V1.2

Graph Layout Algorithms (Professional Edition only)

Better speed performance by using a quadtree structure. By default, then the quadtree structure is used. Otherwise, brute force is used. You may use the useQuadtree method to determine if the quadtree structure is used.

Context handle: If the isContextHandle property of an item (node or link) is true, then, if you select it, you will see a context handle ooo and clicking on this handle causes the firing of a context event allowing you for instance to display a context menu or a dialog box.

New features: selectionChange event, isFixedSize property, isDstPointAdjustable and isOrgPointAdjustable properties, xCustomOffset and yCustomOffset properties.

General Features

Drawings can be made interactively or programmatically.

Distinct shapes, styles, colors, font can be defined on a per item basis (for a node or a link) or as default properties for the control.

Many properties allowing customizing the control (canDrawNode, canMoveNode, canMultiLink, etc...) or an item (isXSizeable, isYSizeable, isXMoveable, isYMoveable, isSelectable, isStretchable, etc...)

Interactivity and display facilities

Multi selection

Multi-level Undo/Redo

Nodes stay connected when moved or resized

Zooming

Scrolling

Panning

Alignment to grid

Nodes Features

The node content is fully customizable (styles, templates)

Many predefined shapes (and the list can be easily increased)

Ability to display a text and an image in a node

Text positioning options

Image positioning options

Shadows, zorder,

Links Features

Many predefined arrow styles (and the list can be easily increased: it is easy to define your own custom arrows)

The style of a link can be redefined.

Stretchable links. A link can be composed of many segments. The user can interactively add or remove segments

Curved links (Bezier and Spline)

Reflexive links

Possibility to interactively change the origin node or the destination node of a link

Shadows, z-order.

Automatic Graph Layout (Professional version only)

AddFlow provides a set of several graph layout algorithms:

Hierarchic layout

Orthogonal layout

Symmetric (force-directed) layout

Series Parallel layout

Tree layout

Radial Layout

Each of these graph layout algorithms performs a layout on a graph. Performing a layout automatically positions its nodes (also called vertices) and links (also called edges).