Проблемы с отображением международных символов в Canvas с использованием fillText - PullRequest
2 голосов
/ 20 февраля 2012

Я пытаюсь записать французские символы (например, é) на холст с помощью 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 месяцев назад.

У кого-нибудь есть понимание или опыт для меня?

Большое спасибо Mark

Ответы [ 2 ]

1 голос
/ 07 декабря 2012

Только что нашел этот старый билет, поэтому хотел дать ответ.Я должен был уточнить, что я на самом деле включал переведенные текстовые данные, как это:

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

Проблема заключалась в том, что файл textdata.js не был сохранен как UTF-8. После сохранения как UTF-8 международные символыдисплей правильный.

0 голосов
/ 20 февраля 2012

Здесь должно происходить что-то еще.Упростите ваш код:

http://jsfiddle.net/kHqmP/

Эта скрипка отлично работает для меня в последних версиях Chrome, Firefox и IE9 на Windows 7. Она также работает на моем Galaxy Nexus.

Разве это не работает для вас?

Я думаю, это то, что вы устанавливаете без необходимости.

...