We have released version 2.2 of MindFusion.Diagramming for JavaScript. It contains the following new features:

Zoom control
The ZoomControl class lets users change interactively the current zoom level and scroll position of a Diagram. To set it up, add a <canvas> to the page, place it anywhere over the target diagram canvas, call the create method, and set the control's Target property to that diagram:

<canvas id="zoomWidget" width="80" height="350"></canvas>

var zoomWidget = MindFusion.Controls.ZoomControl.create($("#zoomWidget")[0]);
zoomWidget.setTarget(diagram); 

Set the ZoomStep and ScrollStep properties to specify the amount added to diagram's zoom level or scroll position by ZoomControl's buttons. You can customize the control's appearance by setting properties such as Fill, BorderColor, CornerRadius and TickPosition.



Shadow styles
The Diagram.ShadowsStyle property and ShadowsStyle enumeration let you switch shadow rendering order between rendering all shadows in a single background layer (OneLevel) and drawing each shadow close to its node, possibly overlapping other nodes (ZOrder). ShadowsStyle.None lets you disable shadows altogether.

Miscellaneous
~ Set the LinkLabel.Brush property to fill the background of link labels.
~ Number of link segments can now be set by calling the DiagramLink.setSegmentCount() method.
~ The BackgroundImageAlign property specifies the alignment of diagram's BackgroundImage.
~ The TextPadding property specifies the padding distance between the borders of a node and its text.
~ Nodes of all classes can be rotated.

Registered customers with an active upgrade subscription can download the licensed version from the clients area on our site.
    
A trial version is available for download here: 
https://mindfusion.eu/JsDiagramTrial.zip
    
Enjoy!