Comment rendre les glyphes de FontAwesome sur un élément Canvas

FontAwesome spécifie les glyphes dans son fichier CSS comme ceci:

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

J'essaie de rendre les icônes de cette police à un élément canvas mais je ne vois pas comment accéder à ces glyphes.

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

Comment spécifier ces glyphes dans les chaînes JavaScript?

23
demandé sur Michael Forrest 2012-12-07 14:42:35

1 réponses

Vous devriez utiliser String.fromCharCode : 

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

Ou cette syntaxe pour les échappements Unicode: 

ctx.fillText("\uf000", 20, 20);
22
répondu Romain Meresse 2013-02-08 14:24:48