Text
绘制一个文本,Text
继承自Element
。
let element = new Text(options);
options
除了支持元素的基础属性外,还支持以下属性:
options.key | value | description | default |
---|---|---|---|
text | String | 规定文字的内容(\n 表示换行) | -- |
textAlign | left |center |right | 规定绘制文本时的对齐方式 | left |
lineHeight | Number | 规定文本的行高 | 字体大小的 1.2 倍 |
font | String | 规定文本内容的当前字体属性 | 16px Arial |
fill | String | 设置用于填充绘画的颜色、渐变或模式 | -- |
stroke | String | 设置用于笔触的颜色、渐变或模式 | -- |
lineWidth | Number | 规定描边宽度 | 1.0 |
opacity | Number | 规定元素的透明度 | 1.0 |
shadowColor | String | 设置用于阴影的颜色 | -- |
shadowBlur | Number | 设置用于阴影的模糊级别 | -- |
shadowOffsetX | Number | 设置阴影距形状的水平距离 | -- |
shadowOffsetY | Number | 设置阴影距形状的垂直距离 | -- |
example
new Text({
text: "hello\nworld",
x: 89,
y: 16,
font: "48px serif",
stroke: "blue",
fill: "red"
});