Home

Awesome

@bpmn-io/align-to-origin

CI

Aligns your diagrams to the coordinate origin (0,0), manually triggered or on diagram save.

Plugs into your favorite BPMN, DMN and CMMN editor.

<img src="https://raw.githubusercontent.com/bpmn-io/align-to-origin/master/resources/screencapture.gif" width="600" alt="Automatic Origin Adjustment" />

Alignment in action. Diagram origin marker, alignment corridor, and element boxes shown for demonstration purposes only.

Usage

import BpmnModeler from 'bpmn-js/lib/Modeler';

import AlignToOrigin from '@bpmn-io/align-to-origin';


// extend the BPMN editor with the exporter module
const modeler = new BpmnModeler({
  alignToOrigin: {
    alignOnSave: true,
    offset: 150,
    tolerance: 50
  },
  additionalModules: [
    AlignToOrigin
  ]
});


// hooks into #saveXML to align the diagram elements
modeler.saveXML(function(err, xml) {
  ...
});

// may be used standalone, too
const alignToOrigin = modeler.get('alignToOrigin');

alignToOrigin.align();

License

MIT