TextBox

它是Gesti内重要的组件之一,它的作用是将文字显示在画布内。

Example

Properties(属性)

属性名称返回类型描述
fontSizenumber字体大小
colorstring文字颜色
shadowColorstring阴影颜色
fontFamilystring字体系列
shadowShadow阴影设置
textStylesTextOptions文字样式数据
weightFontWeight字重

Methods(方法)

方法名称参数返回类型描述
constructortext: string, options?: TextOptions-构造函数,初始化文本和选项
setWeightweight: FontWeightvoid设置字重
setFontStylestyle: FontStyleTypevoid设置字体样式为斜体
setTextStyleargs: TextOptionsvoid设置文字样式
setTexttext: stringvoid设置文字内容,将完全替换原有内容
setFontFamilyfamily: stringvoid设置字体系列
setSpacingvalue: numbervoid设置文字间距
setColorcolor: stringvoid设置文字颜色
setFontSizefontSize: numbervoid设置字体大小
setDecorationdecoration: BoxDecorationOptionvoid设置文字装饰
setShadowshadow: Shadowvoid设置文字阴影
updateTexttext: string, options?: TextOptionsPromise<void>更新文本内容(已废弃)

TextOption

属性名称类型描述
fontFamilystring字体风格,可以浏览器搜索 canvas自定义字体
weightFontWeight字重
fontStyleFontStyleType字体样式
fontSizenumber字体大小
spacingnumber文字间距
colorstring文字颜色
underLineboolean是否显示下划线
lineThroughboolean是否显示删除线
overLineboolean是否显示上划线
lineWidthnumber划线宽度
lineColorstring下划线颜色
lineHeightnumber文字行高
resetFontSizeWithRectboolean如果为true,文字大小会随着选框的高而变化
maxFontSizenumber传入一个整数类型,用于限制字体大小最大值,默认不会限制
backgroundColorstring文字背景颜色
maxWidthnumber最大宽度
strokeboolean描边
fillboolean填充
strokeColorstring描边颜色
fillGradientLineGradientDecorationOption填充渐变
strokeGradientLineGradientDecorationOption描边渐变
strokeLineWidthnumber描边线条宽度
strokeShadowboolean描边阴影
fillShadowboolean填充阴影