Canvas绘制文本入门

今天将介绍如何利用canvas绘制文本，一起来学习具体方法吧。

1、 所示，编写一个HTML页面代码。

2、 创建一个canvas标签，并设置相应样式，效果所示。

3、 所示，通过JavaScript代码获取了页面中的canvas元素。

4、 对canvas对象进行后续操作，具体代码所示。

5、 接下来通过font()方法设置字体样式，具体操作所示。

6、 通过调用 fillText(text, x, y) 方法，可绘制实心文字，实现所示的视觉效果。

7、 通过调用 strokeText(text, x, y) 方法，可绘制出空心文字，实现所示的视觉效果。