使用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个月前。
有没有人对我有任何见解/经验?
非常感谢 马克
答
别的东西在这里必须继续。简化代码:
那捣鼓工作正常,我在最新的Chrome,火狐和IE9在Windows 7也适用于我的Galaxy Nexus。
它不适合你吗?
我想象一下你不必要的设置。
+0
谢谢你的回应,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的国际字符显示正确。
你确定,你的字体设置工作正常吗? – kirilloid 2012-02-20 12:42:23