Canvas绘制文字技巧

用H5的Canvas标签绘图文字

1、 新建文件，设置400×800画布并导入JS。

2、 画布涂黑

3、 生成白色文字内容

4、 效果见图，文字显示不全

5、 调整文字位置

6、 效果如上

7、 空心文字效果不够明显

8、 调整字体大小，效果见下图

9、 将文字的垂直对齐方式设为悬挂，使文本从指定坐标开始向上延伸显示。

10、 文字太多会溢出显示区域

11、 限定最大宽度避免内容溢出

12、 JS代码部分

13、 设置字体为微软雅黑，加粗40像素大小。

14、 在画布指定位置绘制文本hello你好，实现中英文混合显示效果。

15、 在画布上从坐标 (0,0) 开始，以指定宽度 750 绘制重复的hello你好文本内容，使用当前描边样式呈现。

16、 }