上篇我们我们已经了解完了canvas绘制基本图形(除了圆形)的知识,这一篇我们将了解到canvas如何绘制字符串的方法。
在绘制字符串时也有两个属性
字符串属性
- fillText(String Text, float x, float y, [float maxWidth]) 填充字符串
- strokeText(String Text, float x, float y, [float maxWidth]) 绘制字符串边框
以上两个属性功能在于设置文字内容,文字位置,最大宽度,在设置颜色时我们依然要用到fillStyle()以及strokeStyle()
字符串对齐
- textAlign 设置绘制字符串的水平对齐方式(start、end、left、right、center等)
- textBaseAlign 设置绘制字符串的垂直对齐方式(top、hanging、middle、alphabetic、idecgraphic、bottom 等)
字符串大小等
- font:粗细 大小 字体
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<