canvas设置空心文字（图文示例）

查看专栏目录

canvas示例教程100+专栏，提供canvas的基础知识，高级动画，相关应用扩展等信息。canvas作为html的一部分，是图像图标地图可视化的一个重要的基础，学好了canvas，在其他的一些应用上将会起到非常重要的帮助。

如何使用canvas设置空心文字呢？canvas内置了一个设置空心文字的方法，使用ctx.strokeText即可。在之前的文章中，我们谈到设置实心的文字。 文字的填充色使用fillStyle，文字的边框颜色使用strokeStyle。文字的大小和文字使用ctx.font来做设置。

语法：

context.strokeText(text, x, y [, maxWidth]);

</