61 posts tagged with "jpeg"

Angular Performance​

In release 6.29.0 we have refactored our Angular integration to provide a significant performance enhancement, particularly with large datasets, by decoupling the setup for the Surface and Miniview components from Angular's change detection.

You can switch off this change via a [runInsideAngular="true"] input on the surface or miniview components, but if you find yourself needing to do that we'd be interested in hearing more about the specific use case.

Unit testing​

Release 6.28.0 see the addition of our jsPlumbToolkitTestHarness class to JsPlumb's public API. This is an extremely useful helper class you can use to manage model-level manipulations of your JsPlumb setup inside unit/component tests.

Auto pan​

The Surface component will now, by default, automatically pan the canvas when a node or group is dragged out of the visible area. This is a great new feature that will improve the UX for your users.

Try dragging the nodes in the canvas below - the black border marks the edge of the canvas. When a node reaches the border, the canvas is panned:

HierarchyLayout​

• The Hierarchy layout has been updated to support groups which themselves do not have outgoing edges but which have one or more child vertices that do:

Release 6.25.0 is a minor release that contains an update to how evaluation bundles are packaged. No functionality was added or changed between 6.24.0 and 6.25.0.

6.24.0 has turned out to be quite a large release, with a lot of useful new functionality. Here's the high level overview of what's now available:

Vertex Drawing Plugin​

This plugin allows your users to draw new nodes/groups onto the canvas with the mouse or with touch events, and lasso existing objects on the canvas to add to new groups. It can be used stand alone, or fully integrated with a shape library palette. It's super cool and useful - check it out in the new Network Topology Demonstration

html2canvas is a project that's been around for quite some time now and over the years we've seen people have varying degrees of success using it with JsPlumb. This week we decided to take a look and see if we could get it to work, and the good news is that we could... except with one minor caveat: you'll have to use our patched version of the library (@jsplumb/html2canvas). More on that below.

Drag the boxes around until you have something you like and then hit Export. The contents of the JsPlumb instance will be rendered into a canvas element below.

GANTT CHART DEMONSTRATION​

We're excited to bring you our new Gantt chart demonstration - a fully featured Gantt chart component that uses a few of JsPlumb's advanced UI features to very slick effect.

Check it out at the link above, or if you want to grab the code and start hacking, head over to Github and clone it!

Updates​

6.22.0 was a minor release which fixed an edge case relating to the zooming inside nested instances capability that was added in version 6.21.0.

Nested instances​

• Support was added for zooming in nested instances (eg. when some node in a given instance has another instance of JsPlumb embedded in it).

• Support was added for dragging edges in nested instances.

You can see these new capabilities in action in our Nested instances demonstration.

Inspectors​

• Inspectors were updated to ensure they are cleaned up when the port they are inspecting is removed from the dataset, or the node/group which the port they are inspecting belongs to has been removed from the dataset.

Drag/drop improvements​

• Surface Drop manager was updated to not assign active/hover classes to nodes and groups in the canvas when allowDropOnNode or allowDropOnGroup is set to false.

Miscellaneous​

• Events bound on a Surface via bindModelEvents are invoked in a timeout, which better isolates event binding behaviour from the Surface's lifecycle.

• ControlsComponent consumes events it has handled instead of allowing them to bubble.