Skip to content

SerializedITextProps

Defined in: src/shapes/IText/IText.ts:74

angle: TDegree

Defined in: src/shapes/Object/types/BaseProps.ts:63

Angle of rotation of an object (in degrees)

0

SerializedTextProps.angle


backgroundColor: string

Defined in: src/shapes/Object/types/SerializedObjectProps.ts:26

Background color of an object. takes css colors https://www.w3.org/TR/css-color-3/

SerializedTextProps.backgroundColor


charSpacing: number

Defined in: src/shapes/Text/Text.ts:96

SerializedTextProps.charSpacing


optional clipPath: Partial<SerializedObjectProps & ClipPathProps>

Defined in: src/shapes/Object/types/SerializedObjectProps.ts:49

a fabricObject that, without stroke define a clipping area with their shape. filled in black the clipPath object gets used when the object has rendered, and the context is placed in the center of the object cacheCanvas. If you want 0,0 of a clipPath to align with an object center, use clipPath.originX/Y to ‘center’

SerializedTextProps.clipPath


direction: CanvasDirection

Defined in: src/shapes/Text/Text.ts:108

SerializedTextProps.direction


fill: null | string | Record<string, any> | Partial<Gradient<"linear", "linear">> & object | Partial<Gradient<"radial", "radial">> & object

Defined in: src/shapes/Object/types/FillStrokeProps.ts:17

Color of object’s fill takes css colors https://www.w3.org/TR/css-color-3/

rgb(0,0,0)

SerializedTextProps.fill


fillRule: CanvasFillRule

Defined in: src/shapes/Object/types/FillStrokeProps.ts:26

Fill rule used to fill an object accepted values are nonzero, evenodd Backwards incompatibility note: This property was used for setting globalCompositeOperation until v1.4.12 (use globalCompositeOperation instead)

nonzero

SerializedTextProps.fillRule


flipX: boolean

Defined in: src/shapes/Object/types/BaseProps.ts:70

When true, an object is rendered as flipped horizontally

false

SerializedTextProps.flipX


flipY: boolean

Defined in: src/shapes/Object/types/BaseProps.ts:77

When true, an object is rendered as flipped vertically

false

SerializedTextProps.flipY


fontFamily: string

Defined in: src/shapes/Text/Text.ts:100

SerializedTextProps.fontFamily


fontSize: number

Defined in: src/shapes/Text/Text.ts:98

SerializedTextProps.fontSize


fontStyle: string

Defined in: src/shapes/Text/Text.ts:101

SerializedTextProps.fontStyle


fontWeight: string | number

Defined in: src/shapes/Text/Text.ts:99

SerializedTextProps.fontWeight


globalCompositeOperation: GlobalCompositeOperation

Defined in: src/shapes/Object/types/SerializedObjectProps.ts:18

Composite rule used for canvas globalCompositeOperation

SerializedTextProps.globalCompositeOperation


height: number

Defined in: src/shapes/Object/types/BaseProps.ts:34

Object height

SerializedTextProps.height


left: number

Defined in: src/shapes/Object/types/BaseProps.ts:11

Left position of an object. Note that by default it’s relative to object left. You can change this by setting FabricObject#originX

0

SerializedTextProps.left


lineHeight: number

Defined in: src/shapes/Text/Text.ts:97

SerializedTextProps.lineHeight


linethrough: boolean

Defined in: src/shapes/Text/Text.ts:106

SerializedTextProps.linethrough


opacity: number

Defined in: src/shapes/Object/types/SerializedObjectProps.ts:11

Opacity of an object

1

SerializedTextProps.opacity


originX: TOriginX

Defined in: src/shapes/Object/types/BaseProps.ts:45

Horizontal origin of transformation of an object (left, center, right or [0, 1]) See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups

'left'

SerializedTextProps.originX


originY: TOriginY

Defined in: src/shapes/Object/types/BaseProps.ts:56

Vertical origin of transformation of an object (top, center, bottom or [0, 1]) See http://jsfiddle.net/1ow02gea/244/ on how originX/originY affect objects in groups

'top'

SerializedTextProps.originY


overline: boolean

Defined in: src/shapes/Text/Text.ts:105

SerializedTextProps.overline


paintFirst: "fill" | "stroke"

Defined in: src/shapes/Object/types/FillStrokeProps.ts:9

Determines if the fill or the stroke is drawn first (one of “fill” or “stroke”)

SerializedTextProps.paintFirst


optional path: Path<Partial<PathProps>, SerializedPathProps, ObjectEvents>

Defined in: src/shapes/Text/Text.ts:109

SerializedTextProps.path


pathAlign: TPathAlign

Defined in: src/shapes/Text/Text.ts:103

SerializedTextProps.pathAlign


pathSide: TPathSide

Defined in: src/shapes/Text/Text.ts:102

SerializedTextProps.pathSide


scaleX: number

Defined in: src/shapes/Object/types/BaseProps.ts:84

Object scale factor (horizontal)

1

SerializedTextProps.scaleX


scaleY: number

Defined in: src/shapes/Object/types/BaseProps.ts:91

Object scale factor (vertical)

1

SerializedTextProps.scaleY


selectionEnd: number

Defined in: src/shapes/IText/IText.ts:71

UniqueITextProps.selectionEnd


selectionStart: number

Defined in: src/shapes/IText/IText.ts:70

UniqueITextProps.selectionStart


shadow: null | Partial<SerializedShadowOptions>

Defined in: src/shapes/Object/types/SerializedObjectProps.ts:33

Shadow object representing shadow of this shape

null

SerializedTextProps.shadow


skewX: TDegree

Defined in: src/shapes/Object/types/BaseProps.ts:98

Angle of skew on x axes of an object (in degrees)

0

SerializedTextProps.skewX


skewY: TDegree

Defined in: src/shapes/Object/types/BaseProps.ts:105

Angle of skew on y axes of an object (in degrees)

0

SerializedTextProps.skewY


stroke: null | string | Record<string, any> | Partial<Gradient<"linear", "linear">> & object | Partial<Gradient<"radial", "radial">> & object

Defined in: src/shapes/Object/types/FillStrokeProps.ts:34

When defined, an object is rendered via stroke and this property specifies its color takes css colors https://www.w3.org/TR/css-color-3/

null

SerializedTextProps.stroke


strokeDashArray: null | number[]

Defined in: src/shapes/Object/types/FillStrokeProps.ts:48

Array specifying dash pattern of an object’s stroke (stroke must be defined)

null;

SerializedTextProps.strokeDashArray


strokeDashOffset: number

Defined in: src/shapes/Object/types/FillStrokeProps.ts:55

Line offset of an object’s stroke

0

SerializedTextProps.strokeDashOffset


strokeLineCap: CanvasLineCap

Defined in: src/shapes/Object/types/FillStrokeProps.ts:62

Line endings style of an object’s stroke (one of “butt”, “round”, “square”)

butt

SerializedTextProps.strokeLineCap


strokeLineJoin: CanvasLineJoin

Defined in: src/shapes/Object/types/FillStrokeProps.ts:69

Corner style of an object’s stroke (one of “bevel”, “round”, “miter”)

SerializedTextProps.strokeLineJoin


strokeMiterLimit: number

Defined in: src/shapes/Object/types/FillStrokeProps.ts:76

Maximum miter length (used for strokeLineJoin = “miter”) of an object’s stroke

4

SerializedTextProps.strokeMiterLimit


strokeUniform: boolean

Defined in: src/shapes/Object/types/FillStrokeProps.ts:89

When false, the stoke width will scale with the object. When true, the stroke will always match the exact pixel size entered for stroke width. this Property does not work on Text classes or drawing call that uses strokeText,fillText methods default to false

2.6.0

false
false

SerializedTextProps.strokeUniform


strokeWidth: number

Defined in: src/shapes/Object/types/FillStrokeProps.ts:41

Width of a stroke used to render this object

1

SerializedTextProps.strokeWidth


styles: TextStyle | TextStyleArray

Defined in: src/shapes/Text/Text.ts:115

SerializedTextProps.styles


textAlign: string

Defined in: src/shapes/Text/Text.ts:107

SerializedTextProps.textAlign


top: number

Defined in: src/shapes/Object/types/BaseProps.ts:20

Top position of an object. Note that by default it’s relative to object top. You can change this by setting FabricObject#originY

0

SerializedTextProps.top


underline: boolean

Defined in: src/shapes/Text/Text.ts:104

SerializedTextProps.underline


visible: boolean

Defined in: src/shapes/Object/types/SerializedObjectProps.ts:40

When set to false, an object is not rendered on canvas

SerializedTextProps.visible


width: number

Defined in: src/shapes/Object/types/BaseProps.ts:27

Object width

SerializedTextProps.width