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

时间:2012-02-20 12:13:30

标签: canvas character

我正在尝试使用filltext()将法语字符(例如é)写入画布并失败。 文本只显示白色菱形和问号“?”在中心。 所有其他“英语”字符显示正常。

我的页面标记为:

<!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个月前。

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

非常感谢 标记

2 个答案:

答案 0 :(得分:1)

刚刚找到这张旧票,所以想提供答案。 我应该澄清一下,我实际上包括了这样的翻译文本数据:

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

问题是textdata.js文件未保存为UTF-8 保存为UTF-8后,国际字符显示正确。

答案 1 :(得分:0)

此处还有其他事情要做。简化您的代码:

http://jsfiddle.net/kHqmP/

在Windows 7的最新chrome,firefox和IE9中,这个小提琴适用于我。它也适用于我的Galaxy Nexus。

它不适合你吗?

我想象你正在设置的东西是不必要的。