Skip to main content

Interface: CurvedTextEffect

A "Curved Text Effect" is a managed "text effect" that is represented by a two-point bezier curve whose control points are offset from the item bounds to enable an adjustable "height".

A TextAreaItem must have a TextPath that matches this interface exactly in order to be used and managed as a "Curved Text Effect".

Hierarchy​

  • Omit<TextPath, "alignment" | "startOffset">

    ↳ CurvedTextEffect

Properties​

pathSpecification​

• pathSpecification: Object

Type declaration​

NameTypeDescription
svgPathData`m ${number} ${number} c ${number} ${number} ${number} ${number} ${number} ${number}`"Curved Text Effects" expect an svgPathData property to be a strictly defined SVG string: 1. One absolute move ("m") command 2. One relative bezier curve ("c") command (control point Y values should match) 3. No closing ("z" or "Z") command
svgPathDataUnit"mm"-
type"svgPath"-

Overrides​

Omit.pathSpecification

Defined in​

packages/design-engine-react-components/src/extensions/curvedText/types.ts:13