How to make (0,0) show like the demo

Users
1

How to make (0,0) show like the demo

2

Use diagram-js-origin to draw the cross hair or roll your own.

3

Thank you very much!!!

4

But how to use this method in the example of properties-panel?
I used it in the app/index.js like: require(‘diagram-js-origin/lib/configure-origin’)(canvas);
It has an error , Could you tell me how the canvas should be?

the error is Uncaught TypeError: canvas.getLayer is not a function;

Thanks in advance !

5

Use it as a bpmn-js extension:

var OriginModule = require('diagram-js-origin');
var BpmnJS = require('bpmn-js');

var bpmnJs = new BpmnJS({
  additionalModules: [
    OriginModule
  ]
});
6

It works. Thank you !
If I want to add a button to move it to the left-top position like the dome( zoom reset button), how to achieve it, which method should I use and how to use it?
And do you have the API of the bpmn.io to teach me how to achieve the button of the dome?
Thanks a lot!

7

Please open new topics for unrelated follow up questions.

8

ok, I’ll do it.thank you !