Problema al entender canvas fillText con caracteres Unicode

Question

Quiero mostrar los caracteres especiales en una fuente usando canvas fillText. El código es básicamente:

canvas = document.getElementById("mycanvas"); 
context = canvas.getContext("2d"); 

hexstring = "\u00A9"; 
//hexstring = "\\u" +"00A9"; 

context.fillText(hexstring,100,100); 

Si uso la primera hexstring, funciona y me sale el símbolo de copyright. Si uso el segundo, solo muestra \u00A9. Como necesito repetir los números, necesito usar el segundo para mostrar todos los caracteres especiales de una fuente. Estoy usando utf-8. ¿Qué estoy haciendo mal?

Answer 1

Uso String.fromCharCode para convertir un número en un personaje .

var c= 169; // 0xA9 
context.fillText(String.fromCharCode(c), 100, 100); 

Si usted tiene una cadena hexadecimal codificado puede analizar que a medida que un número hexadecimal en primer lugar:

var h= '00A9'; 
String.fromCharCode(parseInt(h, 16)); 

Para crear una cadena que contiene una serie de caracteres, puede crear una matriz de los números y luego use apply para pasarlos como argumentos al fromCharCode. Esto es más rápido que hacer string= string+String.fromCharCode(c) para cada carácter por separado.

function makeRange(n0, n1) { 
    var a= []; 
    for (; n0<n1; n++) 
     a.push(n0); 
} 

var someChars= makeRange(0xA9, 0xFF); 
var stringOfChars= String.fromCharCode.apply(String, someChars); 

Answer 2

ejemplo de trabajo

http://jsfiddle.net/sbYPj/

tiempo Eval :)

iterar a través de num y esto funcionará bien

var num = value; 
var uni = '"\\u' + num+'"'; 
var result; 
if (/^[A-F\d]{4}$/.test(num)) 
{ 
    result = eval(uni); 
}