MindFusion.Diagramming for JavaScript について

プラットフォームに依存しない作図機能をアプリケーションに追加

MindFusion.Diagramming for JavaScript allows you create flow diagrams using predefined node shapes. You can also use links to join nodes together and users can create, resize, select, move and modify nodes and links as they wish. All diagram elements can be accessed programmatically and there are methods for changing the appearance of everything.

MindFusion.Diagramming for JavaScript Features

User Interaction

  • Several user interaction modes
  • Scrolling and zooming
  • Copy and paste support
  • Panning
  • Automatic scrolling while dragging items with the mouse
  • Magnification
  • Alignment to grid
  • Multiple selection
  • Tool-tips
  • Docking points can be defined for nodes
  • Undo / redo support
  • Links can auto-snap to nearest node

Programming

  • Programmatic access to the diagram elements
  • Rich event set
  • Numerous properties for customizing appearance and behavior
  • Numerous utility methods

Diagram Elements

  • More than 100 predefined node shapes
  • Rotation of shapes at arbitrary angles
  • Container nodes
  • Tables with unlimited number of rows and columns
  • Table cells can span several columns and rows
  • Display SVG drawings in nodes
  • Links can comprise multiple segments
  • Link segments can be straight lines or curves
  • Display multiple labels per link
  • Support for custom node and link types

Automatic Layout Algorithms

  • Layered graph layout
  • Spring-Embedder graph layout
  • Fractal tree layout
  • Directional tree layout
  • Radial tree layout
  • Automatic link routing

Appearance

  • Nodes can display images and text
  • Z-order
  • Various text alignment styles
  • Glass visual effects
  • Customizable fonts and colors
  • Custom painting of nodes
  • Shadows
  • Transparent nodes
  • Invisible nodes
  • A background swimlane grid

Behavior

  • Lock diagram elements
  • Read-only mode supported
  • Tables can be scrolled
  • Collapse and expand hierarchy branches
  • In-place text editing
  • Dynamic positioning of links relative to connected nodes
  • Link Diagram Items
  • Nodes to nodes
  • Table rows to table rows
  • Nodes to table rows
  • Unconnected links

Auxiliary Controls

  • Overview control
  • NodeListView control