MindFusion.Diagramming for JavaScript 4.9

Released: Apr 28, 2026

4.9 での更新項目

機能

  • CSS Styling:
    • The styling system now supports defining item appearance through external CSS files.
    • You can style different item types using custom element selectors such as mfd-shapenode, mfd-diagramlink, or mfd-tablenode.
    • The system maps CSS Custom Properties to the internal Style properties. For example, use --brush for backgrounds, --stroke for outlines, and --font-size for text. The new cssClass property on DiagramItem allows for more granular styling using standard class selectors in your CSS.
    • To ensure high performance, computed styles are cached globally, and the system automatically resolves style inheritance across class hierarchies (e.g., a ShapeNode will resolve styles from mfd-shapenode, mfd-diagramnode, and mfd-diagramitem selectors in that order).
  • Compact Multi-graph Layout:
    • A new MinimalArea option has been added to the MultipleGraphsPlacement enumeration, which uses a bin-packing algorithm to arrange connected components in a compact, square-like area.
    • This ensures a more efficient use of space compared to horizontal or vertical arrangements when laying out multiple independent graphs.
  • Polygonal Text Layout:
    • The ShapeNode class now supports a polygonalTextLayout property, enabling text to wrap and align precisely within the geometric boundaries of non-rectangular shapes like triangles, diamonds, and custom polygons.
    • This feature supports both plain and styled text across all alignment modes.