使用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

回答