如何在画布中使用材料图标

Question

如何在画布中使用材料图标？

对于fontawesome，您可以包含字体并使用图标字符代码，例如：

ctx.font='30px FontAwesome';
ctx.fillText('uF047',20,50);

但是Google材料图标呢？我在网上找不到任何解决方案。

Answer 1

，只要您已经加载了字体，就可以以类似的方式使用它。而不是Unicode字符串，您只需使用图标的名称。

context.font = '24px Material Icons';
ctx.fillText('calendar_today',20,50);

Answer 2

如果您仍在寻找，我在这里找到答案：

如何在HTML帆布和材料设计图标字体上渲染图标字体？

简而言之：它使用FontFace对象加载材料图标。然后，您使用来自画布上下文的fillText方法绘制图标。