The two lines of text in each canvas should look roughly the same.

The left canvas is 72pt text drawn, and then the same text drawn below but with the canvas rotated (.001)

The right canvas is 10pt text scaled by (8,8), drawn, and then the same text drawn below but with the canvas rotated (.001)

<canvas height="200" width="200" id="can1" style="border: 1px solid black"></canvas>

<canvas height="200" width="200" id="can2" style="border: 1px solid black"></canvas>

<script>
var ctx = document.getElementById('can1').getContext('2d');
var ctx2 = document.getElementById('can2').getContext('2d');

ctx.font = "76pt sans-serif";
ctx.fillText('test', 2, 76)
ctx.rotate(.001)
ctx.fillText('test', 2, 170)    

ctx2.font = "10pt sans-serif";
ctx2.scale(8,8);
ctx2.fillText('test', 1, 11);
ctx2.rotate(.001)
ctx2.fillText('test', 1, 22);
</script>