The MindFusion Forums
https://mindfusion.eu/Forum/YaBB.pl
Flow Diagramming Components >> News >> Diagramming for JavaScript, V3.2
https://mindfusion.eu/Forum/YaBB.pl?num=1510140036

Message started by Forum Admin on Nov 8th, 2017 at 11:20am

Title: Diagramming for JavaScript, V3.2
Post by Forum Admin on Nov 8th, 2017 at 11:20am
We have released version 3.2 of MindFusion JavaScript Diagram library. It contains the following new features and improvements:

Export to SVG
The SvgExporter class creates a Scalable Vector Graphics (SVG) drawing from the content of a Diagram. The exportElement method returns a DOM <svg> element that can be directly added to the page. The exportString method returns an SVG string that can be saved in local storage or submitted to server.


Code:
function onExportSvg()
{
     var diagram = $find("diagram");
     var exporter = new MindFusion.Diagramming.SvgExporter();
     var svgElement = exporter.exportElement(diagram);
     document.body.appendChild(svgElement);
     svgElement.style.position = 'fixed';
     svgElement.style.zIndex = 100;
}


AMD module
The diagramming.js script can be loaded as an AMD module now. If it detects an AMD loader during startup, it will list common.js as its dependency, so it is enough to require only diagramming.js as application's direct dependency:


Code:
MindFusionImpl = "StandAlone";

requirejs(["MindFusion.Diagramming"],
    function(MindFusion)
    {
        // create a Diagram component that wraps the "diagram" canvas
        var Diagram = MindFusion.Diagramming.Diagram;
        var element = document.getElementById("diagram");
        var diagram = Diagram.create(element);
        var node = diagram.factory.createShapeNode(10, 10, 40, 30);
        node.setText("Hello, world!");
    }
);


Miscellaneous

  • Arc definitions in custom shapes now follow correct SVG syntax (A rx ry x-axis-rotation large-arc-flag sweep-flag x y) instead of specifying bounding box and angles;
  • Node's Stroke attribute is now also applied to shape decoration elements;
  • Underlined fonts can be applied to the text of links;
  • RowCount and ColumnCount properties now exposed by TableNode.

Distribution for the latest version can be downloaded here, or from the clients area on our site:
http://mindfusion.eu/JsDiagramTrial.zip

Updated scripts are also available as diagram-library NPM package.
    
Enjoy!

The MindFusion Forums » Powered by YaBB 2.5 AE!
YaBB Forum Software © 2000-2010. All Rights Reserved.