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"
});