fillText를 사용하여 Canvas에 국제 문자가 표시되는 문제

filltext()를 사용하여 프랑스어 문자 (예 : é)를 canvas에 쓰려고하는데 실패했습니다. 텍스트가 흰색으로 채워진 다이아몬드와 물음표 "?"로만 표시됩니다. 중앙에. 다른 모든 "영어"문자가 정상적으로 표시됩니다.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

뭔가 다른 일이 일어나고되어야한다. 코드를 단순화 :

http://jsfiddle.net/kHqmP/

그 바이올린은 최신 크롬에 나를 위해 잘 작동, 파이어 폭스와 IE9은 윈도우 7에 그것은 또한 내 갤럭시 넥서스에서 작동합니다.

당신에게 적합하지 않습니까?

나는 당신이 불필요하게 설정하고있는 무엇인가 상상한다.

출처

2012-02-20 15:33:20

답장을 보내 주셔서 감사합니다, Simon. Gmail에서 é 문자를 복사하여 붙여 넣는 데 문제가있는 것으로 보입니다. 캐릭터를 직접 생성했을 때 제대로 작동했습니다. 이것이 왜 실제로 작동해야하는지 잘 모르겠지만 문제가 있음을 잊어 버릴 것입니다. :) – MarkW

이 낡은 티켓이 발견되어 답변을 제공하고자했습니다. 나는 실제로이 같은 번역 된 텍스트 데이터를 포함하고있는 것이 분명해야 : 문제는 textdata.js 파일로 저장되지 않았 음을했다

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

을 UTF-8 일단 UTF-8 다국어 문자로 저장 올바른 표시.

출처

2012-12-07 14:24:36 MarkW

fillText를 사용하여 Canvas에 국제 문자가 표시되는 문제

답변

관련 문제