Question

当我尝试在画布上写一个£符号时

context.fillText("£ ",600,165);

输出会将Â £写入画布对象，任何人都有关于该做什么的想法......我试过了

context.fillText("&pound; ",600,165);

但只能写入和输出对象。

Answer 1

如果未定义页面编码，则可能无效。在顶部的html页面中尝试这个

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8">   <!-- THIS ONE !! -->
   blabla...

下面的示例显示，当它是带有utf-8

的html5页面时，它可以正常工作

document.getElementById("myCanvas").getContext("2d").fillText("£ ",10,10);

<canvas id="myCanvas" width="300px" height="50px">no html5 support</canvas>