個々の文字列ごとに方向を設定する必要はありません。また、適切な表示順序の暗黙的な双方向制御マークの適切な使用を示した次の例を参照してください:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<canvas id="myCanvas" width="700" dir="rtl" height="250" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.
</canvas>
<script type="text/javascript" charset="utf-8">
var c = document.getElementById("myCanvas");
var cArabic = c.getContext("2d");
cArabic.font="25px Arial";
// Simple Sentence with punctuation.
var str1 = "این یک آزمایش است.";
// Few sentences with punctuation and numerals.
var str2 = "۱ آزمایش. 2 آزمایش، سه آزمایش & Foo آزمایش!";
// Needs implicit bidi marks to display correctly.
var str3 = "آزمایش برای Foo Ltd. و Bar Inc. باشد که آزموده شود.";
// Implicit bidi marks added; "Foo Ltd.‎ و Bar Inc.‎"
var str4 = "آزمایش برای Foo Ltd. و Bar Inc. باشد که آزموده شود.";
cArabic.fillText(str1, 600, 60);
cArabic.fillText(str2, 600, 100);
cArabic.fillText(str3, 600, 140);
cArabic.fillText(str4, 600, 180);
</script>
</body>
</html>
そして、ここでは、出力されます。
銃を飛ばして申し訳ありません。私は仕様で解決策を見つけました:http://www.whatwg.org/specs/web-apps/current-work/multipage/elements.html#the-directionality 明らかに、 "dir"要素をオンに設定する必要がありますキャンバスを「rtl」、つまり「
解決策を回答として追加してください。ありがとう! –
どのようなフォントを使用しますか?フォントの名前は何ですか? –