blob: 02eb82705ab1713fb89bec29c451b3dc5e41cf64 [file] [log] [blame]
<!DOCTYPE HTML>
<html>
<body>
<canvas id="canvas" width="300px" height="300px" style="border:1px solid #c3c3c3;"></canvas>
<script type="text/javascript">
var ctx = document.getElementById('canvas').getContext("2d");
ctx.font = '15px Arial';
var rtl = '\u202e';
var ltr = '\u202d';
var stop = '\u202c';
ctx.fillText(ltr + 'foo' + stop + ltr + 'bar' + stop, 10, 20);
ctx.fillText(ltr + 'foo' + stop + rtl + 'bar' + stop, 10, 40);
ctx.fillText(rtl + 'foo' + stop + ltr + 'bar' + stop, 10, 60);
ctx.fillText(rtl + 'foo' + stop + rtl + 'bar' + stop, 10, 80);
</script>
</body>