本文介绍了如何在canvas上绘制文本，包括使用fillText和strokeText方法，以及如何设置文本的颜色、大小、类型和对齐方式。详细解释了fillText用于填充颜色的文本，strokeText则用于绘制镂空边框的文本，并探讨了maxWidth参数的作用。同时，文章还讲解了如何通过font属性改变字体大小和类型，以及使用textAlign属性调整文本的水平对齐方式。
canvas学习——绘制文本
canvas绘制文本的两种方法：
1、 fillText(text, x, y, maxWidth)
绘制带有颜色填充的文本
- text——必填，需要绘制的文本内容；
- x——必填，文本内容在canvas中绘制时起始位置的水平坐标；
- y——必填，文本内容在canvas中绘制时起始位置的垂直坐标；
- maxWidth——选填，设置文本的最大宽度，当文本内容的宽度大于maxWidth时，文本内容会被压缩至宽度为maxWidth；当文本内容宽度小于maxWidth是，文本内容正常显示；
2、 strokeText(text, x, y, maxWidth)
绘制镂空文本，仅字体边框带有颜色
- text——必填，需要绘制的文本内容；
- x——必填，文本内容在canvas中绘制时起始位置的水平坐标；
- y——必填，文本内容在canvas中绘制时起始位置的垂直坐标；
- maxWidth——选填，设置文本的最大宽度，当文本内容的宽度大于maxWidth时，文本内容会被压缩至宽度为maxWidth；当文本内容宽度小于maxWidth是，文本内容正常显示；
canvas中绘制文本样式设置：
最低0.47元/天 解锁文章
1230
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
