Wie Glyphen aus FontAwesome auf einem Canvas-Element machen

Question

FontAwesome Glyphen in seiner CSS-Datei gibt an, wie so:

/* 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"; } 

Ich versuche, Symbole aus dieser Schrift auf ein Canvas-Element zu machen, kann aber nicht sehen, wie man Greife auf diese Glyphen zu.

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

Wie gebe ich diese Glyphen in JavaScript-Strings an?

Answer 1

sollten Sie String.fromCharCode verwenden:

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

oder diese Syntax für Unicode entkommt:

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