Mypal/layout/reftests/canvas/text-measure.html

20 lines
439 B
HTML

<html>
<script>
function load() {
var ctx = document.getElementById("canvas").getContext("2d");
ctx.font = "bold 12px sans-serif";
ctx.scale(4, 4);
var str = "HeHeHeHe";
var x = 0;
for (var i = 0; i < str.length; ++i) {
ctx.fillText(str[i], x, 15);
x += ctx.measureText(str[i]).width;
}
}
</script>
<body onload="load();">
<canvas id="canvas" width="400" height="200"></canvas>
</body>
</html>