marker.js Live Demos

Simple marker.js Live demo

In this demo, we look at the simplest use-case for marker.js Live.

We are just feeding the config (state) created with marker.js 2 to marker.js Live and it overlays the annotations on top of our target image.

Code

All it takes is these 2 lines of code:

const markerView = new mjslive.MarkerView(targetImage); markerView.show(config);

Here, config is the output state from marker.js 2.

Check out this demo in CodeSandbox for a complete self-contained sample.