Проблемы с отображением международных символов в Canvas с использованием fillText

Я пытаюсь написать французские символы (например, é) на холст с использованием filltext() и сбой. Текст отображается только с заполненным белым бриллиантом и вопросительным знаком «?» в центре. Все остальные «английские» символы отображаются нормально.Проблемы с отображением международных символов в Canvas с использованием 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

Что-то еще должно быть здесь происходит. Упростить код:

http://jsfiddle.net/kHqmP/

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

Не работает ли он для вас?

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

источник

2012-02-20 15:33:20

Спасибо за ответ, Саймон. Проблема заключалась в моем копировании и вставке символа é из Gmail. Когда я сгенерировал персонаж, он работал нормально. Хотя я понятия не имею, почему это должно быть на самом деле работает, поэтому я забуду, что когда-либо была проблема :) – MarkW

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

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

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

источник

2012-12-07 14:24:36 MarkW

Проблемы с отображением международных символов в Canvas с использованием fillText

ответ

Смежные вопросы