使用fillText在Canvas中显示国际字符的问题

我想用filltext（）写入法语字符（例如é）到画布并失败。文本只显示白色钻石和问号“？”在中心。所有其他“英文”字符均正常显示。使用fillText在Canvas中显示国际字符的问题

我的页面被标记为：

<!doctype html> 
<html lang=en> 
<head> 
<title> Title </title> 
<meta charset="utf-8">

，我现在用的是Arial字体。我的浏览器是桌面上的Firefox 10.0和HTC Desire HD上的默认浏览器。

我写的文字代码：

context.font = "normal 16px Arial, Sans-Serif"; 
context.fillText('Mission Echouée', x, y);

我要补充，这对我在过去的工作。可能大约在5个月前。

有没有人对我有任何见解/经验？

非常感谢马克

2012-02-20 MarkW

你确定，你的字体设置工作正常吗？ – kirilloid 2012-02-20 12:42:23

别的东西在这里必须继续。简化代码：

那捣鼓工作正常，我在最新的Chrome，火狐和IE9在Windows 7也适用于我的Galaxy Nexus。

它不适合你吗？

我想象一下你不必要的设置。

2012-02-20 15:33:20

谢谢你的回应，Simon。这个问题似乎与我从Gmail复制和粘贴é字符。当我自己生成角色时，它工作正常。虽然我不知道为什么这应该是实际工作，所以我会忘记有任何问题:) – MarkW 2012-02-21 15:56:14

刚刚发现这张旧票，所以想提供答案。我应该澄清，我其实包括像这样的翻译后的文本数据：

<script type="application/x-javascript" src="script/textdata.js"></script>

的问题是，textdata.js文件没有保存为UTF-8 一旦保存为UTF-8的国际字符显示正确。

2012-12-07 14:24:36 MarkW

回答