1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/canvas/text-rtl-alignment-test.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,29 @@ 1.4 +<!DOCTYPE HTML> 1.5 +<html> 1.6 +<head> 1.7 +<title>Test to ensure left/right and start/end are offset by text width for rtl text</title> 1.8 +</head> 1.9 +<body> 1.10 +<canvas id="c" width="128" height="64" style="direction:rtl"></canvas> 1.11 +<script type="text/javascript"> 1.12 + var canvas = document.getElementById('c'); 1.13 + var ctx = canvas.getContext('2d'); 1.14 + 1.15 + 1.16 + ctx.fillStyle = 'black'; 1.17 + ctx.font = '20px sans-serif'; 1.18 + ctx.textBaseline = 'top'; 1.19 + 1.20 + var str = 'TEXT'; 1.21 + var wid = ctx.measureText(str).width; 1.22 + 1.23 + ctx.textAlign = 'right'; 1.24 + ctx.fillText(str, 64+wid, 0); 1.25 + ctx.textAlign = 'end'; 1.26 + ctx.fillText(str, 64-wid, 20); 1.27 + ctx.textAlign = 'left'; 1.28 + ctx.fillText(str, 64-wid/2, 40); 1.29 + 1.30 +</script> 1.31 +</body> 1.32 +</html>