<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>