如何使從FontAwesome字形canvas元素

Question

FontAwesome指定的CSS文件字形，像這樣的：

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure 
    screen readers do not read off random characters that represent icons */ 
.icon-glass:before    { content: "\f000"; } 
.icon-music:before    { content: "\f001"; } 

我試圖從這種字體的canvas元素呈現的圖標，但無法看到如何訪問這些字形。

ctx.font = "40px FontAwesome"; 
ctx.fillText("\f000",20,20); // no cigar 

如何在JavaScript字符串中指定這些字形？

Answer 1

你應該使用String.fromCharCode：

ctx.fillText(String.fromCharCode("0xf000"), 20, 20); 

或本語法Unicode轉義：

ctx.fillText("\uf000", 20, 20);