Draw2D touch version 6.1.5 released

Designing shapes across different zoom levels


Figures have optimal legibility ranges—just like typefaces. Meaning a shape designed for 32 pixels will often be illegible at 50% and appear chunky at 300%. That’s why Iconic is being designed at three sizes for desktop applications.

blog_designing_sizes



You can now design your own shapes in Draw2D optimized for different zoom level. Either you use different SVG code or you can implement it as draw2d.StackFigure. Below you see a vey simple example how the figure behaves during zoomIn / zoomOut.


blog_zoom_stack

New feature Draggable decoration


draw2d.layout.locator.DraggableLocator

With the release of 6.0.0 a new implementation of an draw2d.layout.locator.Locator is part of Draw2d. You can now add draggable decorations to any kind of shapes. This feature is seen in several desktop apps and is now part of Draw2D as well.

blog_draggable_decoration

Draw2D touch version 6.0.0 (Beta) released

Be aware that the version changed from 5.x.x to 6.x.x. This means that some incompatible changes are part of this release. May you must adapt your code if you are want to use this release.


+
changing the "on("select",function)" event signature. "figure" is now part of an event parameter instead of a single callback argument. Incompatible changes to version 5.x.x
+ all "changes:" contains now the value in the event object
+ new DraggableLocator and sample for. You can now Drag&Drop labels as well
+ fixing typo in "InteractiveManhattanConnectionRouter". "undefinied" -> "undefined"
+ fixing "jitter" zoom in/out with mouse wheel
+ fixing several JSDoc issues
+ new demo for changing figure representation during zoom in/out
+ fixing broken InteractiveManhattanRouter. Broken start/end if shape is moved
+ new method required callback method Locator.bind/Locator.unbind
+ changing "zoom" and "zoomed" event parameter from factor -> value
+ new Layout figure "StackLayout".
+ fadeOut/fadeIN option in the "setVisible" method of all shapes
+ fixing broken toBack method for sets in the raphael implementation
+ new sample for StackLayout. Click and show the next fixure within the stack
+ add getter/setter for SVGFigure. Now you can change the SVG during figure live time
+ canvas fires new events: zoom, zoomed, removed

Draw2D touch version 5.8.0 released

+ implement zoom as new CanvasEditPolicy
+ new zoom implementation with MouseWheel support
+ fixing background gradient error if transparency is set to <1 for ports
+ fix broken MySlider implementation in the samples
+ don't force redraw or call of "attr" if the attributes are empty
+ remove deprecated currentHoverElement variable in ports


Mouse Wheel Zoom: New for this release is a mouse wheel zoom. This tool requires you to press the [Shift] key to activate the mouse wheel zoom function. Holding [Shift] and rolling the mouse wheel forward zooms in, while rolling it backwards zooms out. Draw2D will shift the center of the zoom focus to where your cursor is on the screen, allowing you to zoom in and out from one area of a presentation to another smoothly.

blog_wheel_zoom

Draw2D touch version 5.7.1 released

+ fixing broke resize of SetFigure (e.g. Icons).
+ source and target decoration of an connection isn't handle correct with the toFront and toBack operation - fixed.
+ fix broken serialization of "Line" if the vertices in the JSON document contains less than 2 vertex. This will break the complete reading of the document.
+ fixing wrong icon size of collapsible figure
+ respect the "visible" flag of a child by calling the method "add"
+ fixing wrong width calculation of verticalLayout
+ fixing that ports are not moved when a figure is moved.

Draw2D touch version 5.7.0 released

+ undo/redo support for LabelInplaceEditor and LabelEditor
+ new class draw2d.command.CommandAttr to support any kind of attribute undo/redo

Draw2D touch version 5.6.9 released


+ adding Polygon.setDashArray

Draw2D touch version 5.6.8 (TEST) released

+ fixing method Line.setEndY. The broken implementation swaps end/start coordinate.
+ enable selection of connections within Composites
+ fix broken drag/drop of lines. Line didn'T update end/start after drag&drop end points
+ add the start/end point of a draw2d.shape.basic.Line to the JSON document. Lines can now read/write to JSON too.
+ extend constructor of ShowGridPolicy that the policy can listen to the "zoom" event of the canvas and apply them to the grid size.
+ support Layout.clone()
+ fix grouping error of connections with a label as a child. Label pushed into the background after grouping

Draw2D touch version 5.6.7 released

+ provide method that the ReadOnlyEditPolicy can override/block the onClick method.

Draw2D touch version 5.6.6 released

+ handle "Groups" and "Composites" correct for the SnapToXYZ edit policies.

update bower repository to 5.6.5

Update the bower repository to the latest version of Draw2D
https://github.com/freegroup/draw2d_js.bower

Equidistant between two nodes

Visual feedback during mouse move gestures with snapping support enabled. The support for interactive snapping of graph elements can be conveniently enabled by installing the right EditPolicy into the canvas.


blog_snapToMiddle



Two nodes aligned at their center coordinates

Visual feedback during mouse move gestures with snapping support enabled.

blog_snapToCenter

Draw2D touch version 5.6.5 released

+ fixing broken undo/redo behaviour for Text.js
+ major bug in Canvas.getBestFigure which breaks port drop operation