Chromeで文字コード(UTF-8)の設定
●質問の主旨
文字コードを常時、"utf-8"に設定したいと考えています。
どのように設定すればよいでしょうか?
ご存知の方ご教示願います
●質問の補足
下記コードにて、ファイルを実行し、
"Canvasの練習"という文字列と、
青色の正方形をはさんだ黄色の正方形2つが、
表示させるつもりです。
しかし、実際に実行すると、
図形は意図通り描画されますが、文字列が文字化けします。
HTML5のコードにおいて、
<meta charset="utf-8">を
<meta charset="s-jis">
に変更すると、文字化けもなくなります。
"utf-8"のコードがすでに大量に用意されているので、
PCの方の認識を"s-jis"から"utf-8"に替えるためにはどうすればよいでしょうか?
PCはWindowsVistaで、ブラウザはGoogleChromeです。
●コード
・HTML5
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Canvasの練習</title>
</head>
<body>
<h1>Canvasの練習</h1>
<canvas id="mycanvas" width="400" height="200">
Canvasに対応したブラウザを使ってください。
</canvas>
<script src="mycss.js"></script>
</body>
</html>
・JavaScript
// myscript.js
window.onload = function() {
draw();
}
function draw() {
var canvas = document.getElementById('mycanvas');
if (!canvas || !canvas.getContext) return false;
var ctx = canvas.getContext('2d');
ctx.fillStyle = "yellow";
ctx.save();
ctx.fillRect(0,0,50,50);
ctx.fillStyle = "blue";
ctx.fillRect(100,0,50,50);
ctx.restore();
ctx.fillRect(200,0,50,50);
}
お礼
非常に詳細なご回答をいただき有難うございます。 >ウィンドウのタイトルではなく、ラベルやテキストウィジェットではどうなのでしょう? これが駄目だったんです。。。 #というより、試した順としてはこちらが先でした。 WindowsXP環境も手に入れましたので、ちょっと、いただいた回答を参考に、地域と言語のオプション設定変更など、色々みます。 #仕事の都合上、すぐに試して結果を報告することができません。すみません。結果報告後、クローズ&ポイント発行させていただきますね。