How to use DrawerJs

Stack Shapes

  • You can stack shapes and adjust their layering.
  • Imagine you have two shapes in the following order and you want to bring the blue rectangle in front of the yellow circle:
Change the layer order of stacked shapes.
  • Select the blue rectangle and open the context menu by right-clicking the shape.
  • On touch devices, you can open the context menu by long-pressing the shape.
  • Now select Bring forward to move the shape one layer more to the front.
Change the layer order of stacked shapes.
  • Now the blue rectangle is in front of the yellow circle.
Change the layer order of stacked shapes.
  • In case you have stacked multiple shapes and want to bring the selected rectangle to the topmost position, you can quickly do so by selecting Bring to front.
  • Similarly, you can send a shape further back by using Send backwards and Send to back.