Javascript HTML5画布：围绕文本绘制矩形？

我想能够画一个合适的矩形周围的文字标签（人的全名）。边距不是很重要，但我不能只画固定大小的矩形，因为标签的长度不同。我该怎么做

以下是绘制文本标签的代码：

var ctx = document.getElementById('map').getContext('2d');
for (i=0; i < num_people; i++) {
    var pos = get_position(i, num_people);
    ctx.fillText(names[i], pos.x, pos.y);
}

var ctx=document.getElementById（'map'）.getContext（'2d'）；
对于（i=0；i

您可以使用获取绘制文本的大小。

画布文本的有用链接：

• （特别是textBaseline和尼斯图表上的部分）