TextStyle

Defined in: index.ts:292

TextStyle for text watermark

Example

textStyle: {
   color: '#aacc22',
   fontName: 'Arial',
   fontSize: 12,
   shadowStyle: {
     dx: 10,
     dy: 10,
     radius: 10,
     color: '#aacc22'
   },
   textBackgroundStyle: {
     paddingX: 10,
     paddingY: 10,
     type: TextBackgroundType.stretchX,
     color: '#aacc22'
   },
   underline: true,
   skewX: -0.25,
   strikeThrough: true,
   textAlign: 'left',
   italic: true,
   bold: true,
   rotate: 45
 }

Properties

bold?

optional bold?: boolean

Defined in: index.ts:390

text bold

Default Value

false

Example

bold: true

---

color?

optional color?: string

Defined in: index.ts:299

font color

Default Value

'#000000'

Example

color: '#aacc22'

---

fontName?

optional fontName?: string

Defined in: index.ts:305

font name

Example

fontName: 'Arial'

---

fontSize?

optional fontSize?: number

Defined in: index.ts:311

font size used when rendering text onto the output image

Example

fontSize: 12

---

fontSizeRatio?

optional fontSizeRatio?: number

Defined in: index.ts:317

font size ratio relative to the background image width

Example

fontSizeRatio: 0.03

---

italic?

optional italic?: boolean

Defined in: index.ts:383

text italic

Default Value

false

Example

italic: true

---

rotate?

optional rotate?: number

Defined in: index.ts:397

rotate text

Default Value

0

Example

rotate: 45

---

shadowStyle?

optional shadowStyle?: ShadowLayerStyle | null

Defined in: index.ts:328

text shadow style

Example

shadowStyle: {
   dx: 10,
   dy: 10,
   radius: 10,
   color: '#aacc22'
 }

---

skewX?

optional skewX?: number

Defined in: index.ts:362

Horizontal text shear factor. Use italic for font-provided italics.

Example

skewX: -0.25

---

strikeThrough?

optional strikeThrough?: boolean

Defined in: index.ts:369

text strikethrough

Default Value

false

Example

strikeThrough: true

---

strokeStyle?

optional strokeStyle?: TextStrokeStyle | null

Defined in: index.ts:349

Optional outline drawn around the text before the fill. The width is measured in output-image pixels. Set width to 0 to disable it.

Example

strokeStyle: {
  color: '#00000099',
  width: 2,
}

---

textAlign?

optional textAlign?: "center" | "left" | "right"

Defined in: index.ts:376

text align

Default Value

'left'

Example

textAlign: 'left'

---

textBackgroundStyle?

optional textBackgroundStyle?: TextBackgroundStyle | null

Defined in: index.ts:339

text background style

Example

textBackgroundStyle: {
   paddingX: 10,
   paddingY: 10,
   type: TextBackgroundType.stretchX,
   color: '#aacc22'
 }

---

underline?

optional underline?: boolean

Defined in: index.ts:356

text underline style

Default Value

false

Example

underline: true