UTF8 иконка в холсте

Я хотел бы, чтобы сделатьUTF8 иконка в холсте

http://www.utf8icons.com/character/61505/UTF-8-character

Onto контекст холста. Это вариант?

2013-08-09 Matthew James Davis

Один из способов заключается в использовании String.fromCharCode

var canvas = document.getElementById("canvas"), 
    ctx = canvas.getContext("2d"); 

canvas.width = canvas.height = 200; 

ctx.font="100px Arial"; 
ctx.fillText(String.fromCharCode(61505), 50,100);

Live Demo

источник

2013-08-09 15:48:10 Loktar

Это работает и так же «\ uF041 ", как упоминалось torazaburo, что предпочтительнее, потому что оно немного более кратким и согласуется с кодом CSS. Большое спасибо! –

Если по какой-то причине вы действительно заинтересованы в использовании 'String.fromCharCode', но вы хотите использовать шестнадцатеричное представление для согласованности с CSS или любым другим, то это просто' String.fromCharCode (0xF041) '. См. Спецификацию JS по адресу http://www.ecma-international.org/ecma-262/5.1/, определение * HexIntegerLiteral *. –

@torazaburo Я не уверен, почему я получил принятый ответ, чтобы быть честным. Я предпочитаю ваше решение. – Loktar

В чем проблема? Это просто еще один персонаж. Нет необходимости использовать fromCharCode вообще. Просто поместите символ в коде:

ctx.fillText(""...

Или, может быть, если ваш редактор не поддерживает запись или отображение таких символов, то вы бы предпочли

ctx.filltext("\uF041",

источник

2013-08-09 16:37:53

Последний работает, первый не сделал. SublimeText2 для справки. –

Как это не работает в SublimeText? Правильно ли вы установили кодировку для файла? –

ответ

Смежные вопросы