Skip to content

绘制文本

类型

1.绘制填充文本

typescript
canvas.font = "48px serif";
canvas.fillText("Hello world", 10, 50);

2.绘制线框文本

typescript
canvas.font = "48px serif";
canvas.strokeText("Hello world", 10, 50);

属性

1.字体

typescript
canvas.font = "48px serif";//css font 相同定义的字符串

2.对齐方式

typescript
canvas.textAlign = "center" | "end" | "left" | "right" | "start"

3.基线对齐方式

typescript
canvas.textBaseline = "alphabetic" | "bottom" | "hanging" | "ideographic" | "middle" | "top"

4.文本方向

typescript
canvas.direction = "inherit" | "ltr" | "rtl"