Làm thế nào để làm cho glyphs từ FontAwesome trên một yếu tố Canvas

Question

FontAwesome định glyphs trong file CSS của nó như sau:

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

Tôi cố gắng để làm cho các biểu tượng từ chữ này đến một yếu tố canvas nhưng không thể nhìn thấy làm thế nào để truy cập các glyph.

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

Làm cách nào để chỉ định các glyph này trong chuỗi JavaScript?

Answer 1

Bạn nên sử dụng String.fromCharCode:

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

hoặc cú pháp này cho Unicode thoát:

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