fillTextを使用してキャンバスに国際文字を表示する際の問題

filltext（）を使用してフランス語の文字（たとえばé）をキャンバスに書き込もうとしていますが、失敗しています。テキストは白いダイヤモンドと疑問符 "？"で表示されます。中央に。他のすべての "英語"文字は正常に表示されます。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ヶ月前です。

私には誰の洞察力や経験がありますか？

感謝マーク

2012-02-20 MarkW

本当にフォント設定が正しく機能していますか？ – kirilloid

何かが他にここで起こってする必要があります。あなたのコードを簡素化：

それフィドルは、最新のクロムに私のために正常に動作し、FirefoxとIE9は、Windows 7上でそれはまた、私のギャラクシーネクサス上で動作します。

あなたのためには機能しませんか？

私はあなたが不必要に設定しているものを想像しています。

2012-02-20 15:33:20

応答のおかげで、サイモン。 Gmailからé文字をコピーして貼り付けることで問題が発生したようです。私は自分自身でキャラクターを生成したときにうまくいきました。私はこれがなぜ実際にはうまくいかなければならないのか分かりませんが、私はそこに問題があったことを忘れてしまいます:) – MarkW

この古いチケットが見つかりましたので、答えを提供したいと考えていました。私は実際にこのような翻訳されたテキストデータを含めたことを明らかにしておく必要があります

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

問題はUTF-8 一度UTF-8として国際文字を保存したとしてtextdata.jsファイルが保存されていなかったということでした正しい表示。

2012-12-07 14:24:36 MarkW

答えて