HTML5 Canvas の font ﾌﾟﾛﾊﾟﾃｨについて教えてください｡ﾌｫﾝﾄとして固定幅ﾌｫﾝﾄを指定しようと思っています｡ IE や Forefox では希望通り表示されるのですが､G…

人力検索はてな

ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら

HTML5 Canvas の font ﾌﾟﾛﾊﾟﾃｨについて教えてください｡
ﾌｫﾝﾄとして固定幅ﾌｫﾝﾄを指定しようと思っています｡
IE や Forefox では希望通り表示されるのですが､Google Chrome では全角ｽﾍﾟｰｽが半角ｽﾍﾟｰｽと同じ幅で表示されてしまうようです｡
ご存じの方､いらっしゃいましたら､Google Chrome で固定幅ﾌｫﾝﾄで表示させる書き方を教えてください｡

●拡大する

●質問者: cx20
●ｶﾃｺﾞﾘ:ｲﾝﾀｰﾈｯﾄｳｪﾌﾞ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

● 質問者から

以下､試したｻﾝﾌﾟﾙになります｡

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function draw()
{
 var canvas = document.getElementById("canvas");
 var ctx = canvas.getContext("2d"); 
 ctx.font = "20px 'MS ｺﾞｼｯｸ'";
 ctx.fillText("12345678901234567890", 0, 20); 
 ctx.fillText("----*----+----*----+", 0, 40); 
 ctx.fillText("こんにちは 世界！", 0, 60); 
 ctx.fillText("こんにちは 世界！", 0, 80); 
}
</script>
</head>
<body onLoad="draw()">
<canvas id="canvas" width="200" height="200"></canvas>
</body>
</html>

▽1 ● takuyarei0
●100ﾎﾟｲﾝﾄ

行の先頭にU+30FBの文字を入れればいいそうです｡
http://bardiel-of-may.blogspot.jp/2012/08/chrome-21_19.html

cx20さんのｺﾒﾝﾄ
ご紹介頂いたﾌﾞﾛｸﾞの記事は興味深いものでしたが､Canvas では効果無いようでした｡

takuyarei0さんのｺﾒﾝﾄ
あらら...｡