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中绘制文本样式设置: