Skip to content
pixi-silk
GitHub repository
Interface

SilkTextOptions

import type { SilkTextOptions } from 'pixi-silk/text';

Options of a SilkText: the style plus the text, anchor and atlas.

Extends#

Properties#

PropertyTypeDescriptionInherited fromDefined in
aaWidth?numberWidth of the anti-aliasing ramp in device pixels. Larger is softer. Default 1.SilkTextStyle.aaWidthtext/SilkText.ts:94
align?TextAlignAlignment of the lines. Default left.SilkTextStyle.aligntext/SilkText.ts:76
anchor?number | PointDataPoint of the text box at the position: 0 is the top left, 1 the bottom right. Default 0.-text/SilkText.ts:102
atlas?SdfAtlasAtlas to bake glyphs into. Default SdfAtlas.shared.-text/SilkText.ts:104
breakWords?booleanBreaks words that are wider than a line on their own. Default false.SilkTextStyle.breakWordstext/SilkText.ts:82
dilate?numberGrows (positive) or thins (negative) the glyphs, in local units. Default 0.SilkTextStyle.dilatetext/SilkText.ts:92
fill?ColorSource | GradientA colour, or a pixi-silk gradient over the text box (linear, radial and conic). Default white.SilkTextStyle.filltext/SilkText.ts:70
fontFamily?stringCSS font family list. Default system-ui, -apple-system, Segoe UI, Roboto, sans-serif.SilkTextStyle.fontFamilytext/SilkText.ts:62
fontSize?numberFont size in local units. Default 16.SilkTextStyle.fontSizetext/SilkText.ts:64
fontStyle?"normal" | "italic" | "oblique"normal, italic or oblique. Default normal.SilkTextStyle.fontStyletext/SilkText.ts:68
fontWeight?string | numberCSS font weight. Default 400.SilkTextStyle.fontWeighttext/SilkText.ts:66
kerning?booleanApplies the font’s kerning (measured from Canvas). Default true.SilkTextStyle.kerningtext/SilkText.ts:86
label?stringLabel of the display object. Default SilkText.-text/SilkText.ts:106
letterSpacing?numberExtra space after each character, in local units. Default 0.SilkTextStyle.letterSpacingtext/SilkText.ts:72
lineHeight?numberDistance between baselines. 0 uses the font’s ascent plus descent, like PixiJS Text. Default 0.SilkTextStyle.lineHeighttext/SilkText.ts:74
outline?TextOutline | nullA line around the glyphs. null for none. Default null.SilkTextStyle.outlinetext/SilkText.ts:88
shadow?TextShadow | nullA drop shadow or glow under the glyphs. null for none. Default null.SilkTextStyle.shadowtext/SilkText.ts:90
tabularNumbers?booleanGives the digits one width, like font-variant-numeric: tabular-nums, for readouts. Default false.SilkTextStyle.tabularNumberstext/SilkText.ts:84
text?string | numberThe text. \n starts a new line. Default empty.-text/SilkText.ts:100
wordWrap?booleanBreaks lines at spaces to fit wordWrapWidth. Default false.SilkTextStyle.wordWraptext/SilkText.ts:78
wordWrapWidth?numberWidth that wordWrap breaks lines at, in local units. Default 100.SilkTextStyle.wordWrapWidthtext/SilkText.ts:80