Skip to content
Start free

Shape

A rectangle or an ellipse that fills its box.

PropertyRequiredDescription
shapeYesrectangle or ellipse
fillNoThe color inside. None when left out or null
strokeNoThe outline (Strokes). None when left out or null
radiusNoA rectangle’s rounded corners, in points. An ellipse ignores it

To put text on a colored background, give a text box a box style instead.

A light blue panel with rounded corners, behind other elements in a free section (elements later in the list are drawn on top):

{
"id": "summary_panel",
"type": "shape",
"x": 0,
"y": 0,
"width": 540,
"height": 90,
"shape": "rectangle",
"fill": "#eaf1fb",
"radius": 6
}

A circle with a dashed outline:

{
"id": "seal_outline",
"type": "shape",
"x": 460,
"y": 10,
"width": 72,
"height": 72,
"shape": "ellipse",
"stroke": { "width": 1.5, "color": "#8a6d3b", "style": "dashed" }
}