measureText

by Akihiko Kusanagi

HTML

<canvas id="chart"></canvas>

JavaScript

var ctx = document.getElementById('chart').getContext('2d');
ctx.font = "12px 'Arial', sans-serif";
var w = ctx.measureText(' ').width + 46;
var l = 256 - (w * 8 + 10 * 7) / 2; 
alert(w + ',' + (l) + ',' + (l + w + 10) + ',' + (l + (w + 10) * 2) + ',' + (l + (w + 10) * 3) + ',' + (l + (w + 10) * 4) + ',' + (l + (w + 10) * 5) + ',' + (l + (w + 10) * 6) + ',' + (l + (w + 10) * 7));
l = 256 - (w * 4 + 10 * 3) / 2; 
alert(w + ',' + (l) + ',' + (l + w + 10) + ',' + (l + (w + 10) * 2) + ',' + (l + (w + 10) * 3));
var w = ctx.measureText(' ').width + 46;
alert(w + w + 30);