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

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

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

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

---

但是谷歌材料图标呢？我无法在网上找到任何解决方案。

如果您仍在查找，我在此处找到了答案：

---

简而言之：它使用

FontFace

对象加载材质图标。然后使用画布上下文中的

fillText

方法绘制图标。

如果已加载字体，则可以使用与FontWoome类似的方式。您只需使用图标的名称，而不是unicode字符串

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

---

您可以获得SVG格式的Google材质图标。请看一看