Documentation for the FigureElement schema definition in the Polotno Design JSON Schema.

FigureElement

Type Information

Base Type: object

Properties

Property	Type	Description
`alwaysOnTop`	`boolean`	Whether element stays on top of others.
`animations`	Array<`Animation`>	Animation configurations.
`blurEnabled`	`boolean`	Whether blur effect is enabled.
`blurRadius`	`number`	Blur radius in pixels.
`brightness`	`number`	Brightness level (-1 to 1).
`brightnessEnabled`	`boolean`	Whether brightness effect is enabled.
`contentEditable`	`boolean`	Whether element content can be edited.
`cornerRadius`	`number`	Corner radius in pixels.
`custom`	`unknown`	Custom data attached to the element.
`dash`	Array<`number`>	Dash pattern array for dashed strokes.
`draggable`	`boolean`	Whether element can be dragged.
`fill`	`string`	Fill color.
`filters`	`object`	Applied image filters.
`grayscaleEnabled`	`boolean`	Whether grayscale effect is enabled.
`height`	`number`	Height in pixels.
`id`	`string`	Unique identifier for the element.
`name`	`string`	Display name for the element.
`opacity`	`number`	Opacity level (0-1).
`resizable`	`boolean`	Whether element can be resized.
`rotation`	`number`	Rotation angle in degrees.
`selectable`	`boolean`	Whether element can be selected.
`sepiaEnabled`	`boolean`	Whether sepia effect is enabled.
`shadowBlur`	`number`	Shadow blur radius in pixels.
`shadowColor`	`string`	Shadow color.
`shadowEnabled`	`boolean`	Whether shadow is enabled.
`shadowOffsetX`	`number`	Shadow horizontal offset in pixels.
`shadowOffsetY`	`number`	Shadow vertical offset in pixels.
`shadowOpacity`	`number`	Shadow opacity (0-1).
`showInExport`	`boolean`	Whether element appears in exports.
`stroke`	`string`	Stroke color.
`strokeWidth`	`number`	Stroke width in pixels.
`styleEditable`	`boolean`	Whether element style can be edited.
`subType`	`string`	Figure subtype: rect, ellipse, triangle, etc.
`type`	`"figure"`	Element type identifier.
`visible`	`boolean`	Whether element is visible.
`width`	`number`	Width in pixels.
`x`	`number`	X position in pixels.
`y`	`number`	Y position in pixels.

JSON Schema

{
  "additionalProperties": false,
  "properties": {
    "alwaysOnTop": {
      "description": "Whether element stays on top of others.",
      "type": "boolean"
    },
    "animations": {
      "description": "Animation configurations.",
      "items": {
        "$ref": "#/definitions/Animation"
      },
      "type": "array"
    },
    "blurEnabled": {
      "description": "Whether blur effect is enabled.",
      "type": "boolean"
    },
    "blurRadius": {
      "description": "Blur radius in pixels.",
      "type": "number"
    },
    "brightness": {
      "description": "Brightness level (-1 to 1).",
      "type": "number"
    },
    "brightnessEnabled": {
      "description": "Whether brightness effect is enabled.",
      "type": "boolean"
    },
    "contentEditable": {
      "description": "Whether element content can be edited.",
      "type": "boolean"
    },
    "cornerRadius": {
      "description": "Corner radius in pixels.",
      "type": "number"
    },
    "custom": {
      "description": "Custom data attached to the element."
    },
    "dash": {
      "description": "Dash pattern array for dashed strokes.",
      "items": {
        "type": "number"
      },
      "type": "array"
    },
    "draggable": {
      "description": "Whether element can be dragged.",
      "type": "boolean"
    },
    "fill": {
      "description": "Fill color.",
      "type": "string"
    },
    "filters": {
      "additionalProperties": {
        "additionalProperties": false,
        "properties": {
          "intensity": {
            "description": "Filter intensity value (-1 to 1).",
            "type": "number"
          }
        },
        "required": [
          "intensity"
        ],
        "type": "object"
      },
      "description": "Applied image filters.",
      "type": "object"
    },
    "grayscaleEnabled": {
      "description": "Whether grayscale effect is enabled.",
      "type": "boolean"
    },
    "height": {
      "description": "Height in pixels.",
      "type": "number"
    },
    "id": {
      "description": "Unique identifier for the element.",
      "type": "string"
    },
    "name": {
      "description": "Display name for the element.",
      "type": "string"
    },
    "opacity": {
      "description": "Opacity level (0-1).",
      "type": "number"
    },
    "resizable": {
      "description": "Whether element can be resized.",
      "type": "boolean"
    },
    "rotation": {
      "description": "Rotation angle in degrees.",
      "type": "number"
    },
    "selectable": {
      "description": "Whether element can be selected.",
      "type": "boolean"
    },
    "sepiaEnabled": {
      "description": "Whether sepia effect is enabled.",
      "type": "boolean"
    },
    "shadowBlur": {
      "description": "Shadow blur radius in pixels.",
      "type": "number"
    },
    "shadowColor": {
      "description": "Shadow color.",
      "type": "string"
    },
    "shadowEnabled": {
      "description": "Whether shadow is enabled.",
      "type": "boolean"
    },
    "shadowOffsetX": {
      "description": "Shadow horizontal offset in pixels.",
      "type": "number"
    },
    "shadowOffsetY": {
      "description": "Shadow vertical offset in pixels.",
      "type": "number"
    },
    "shadowOpacity": {
      "description": "Shadow opacity (0-1).",
      "type": "number"
    },
    "showInExport": {
      "description": "Whether element appears in exports.",
      "type": "boolean"
    },
    "stroke": {
      "description": "Stroke color.",
      "type": "string"
    },
    "strokeWidth": {
      "description": "Stroke width in pixels.",
      "type": "number"
    },
    "styleEditable": {
      "description": "Whether element style can be edited.",
      "type": "boolean"
    },
    "subType": {
      "description": "Figure subtype: rect, ellipse, triangle, etc.",
      "type": "string"
    },
    "type": {
      "const": "figure",
      "description": "Element type identifier.",
      "type": "string"
    },
    "visible": {
      "description": "Whether element is visible.",
      "type": "boolean"
    },
    "width": {
      "description": "Width in pixels.",
      "type": "number"
    },
    "x": {
      "description": "X position in pixels.",
      "type": "number"
    },
    "y": {
      "description": "Y position in pixels.",
      "type": "number"
    }
  },
  "required": [
    "alwaysOnTop",
    "animations",
    "blurEnabled",
    "blurRadius",
    "brightness",
    "brightnessEnabled",
    "contentEditable",
    "cornerRadius",
    "dash",
    "draggable",
    "fill",
    "filters",
    "grayscaleEnabled",
    "height",
    "id",
    "opacity",
    "resizable",
    "rotation",
    "selectable",
    "sepiaEnabled",
    "shadowBlur",
    "shadowColor",
    "shadowEnabled",
    "shadowOffsetX",
    "shadowOffsetY",
    "shadowOpacity",
    "showInExport",
    "stroke",
    "strokeWidth",
    "styleEditable",
    "subType",
    "type",
    "visible",
    "width",
    "x",
    "y"
  ],
  "type": "object"
}

Animation

FigureElement

FigureElement

Type Information

Properties

JSON Schema

Related Definitions

On this page