Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML5画布中的自定义字体_Html_Canvas_Font Face - Fatal编程技术网

HTML5画布中的自定义字体

HTML5画布中的自定义字体,html,canvas,font-face,Html,Canvas,Font Face,我正在使用Font Asome为我的网页提供各种符号。我想在我的画布上使用这些符号中的一个,cog,来提供一个设置图标 Cog图标的CSS定义为(在页面的其余部分可以正常工作) 在我的画布上,我使用下面的代码,但它只有013。。。我做错了什么 context.fillStyle = "rgba(255, 255, 255, 0.7)"; context.font = 'FontAwesome'; context.textAlign = 'right'; context.fillText

我正在使用Font Asome为我的网页提供各种符号。我想在我的画布上使用这些符号中的一个,cog,来提供一个设置图标

Cog图标的CSS定义为(在页面的其余部分可以正常工作)

在我的画布上,我使用下面的代码,但它只有013。。。我做错了什么

context.fillStyle = "rgba(255, 255, 255, 0.7)";
context.font      = 'FontAwesome';
context.textAlign = 'right';
context.fillText("\f013", counter.x + halfWidth - 10, counter.y - halfWidth +20);
context.textAlign = 'left';

JavaScript对Unicode转义使用不同的语法
“\uf013”

非常接近,我最后不得不使用这个
\uf013
context.fillStyle = "rgba(255, 255, 255, 0.7)";
context.font      = 'FontAwesome';
context.textAlign = 'right';
context.fillText("\f013", counter.x + halfWidth - 10, counter.y - halfWidth +20);
context.textAlign = 'left';