我希望能够在文本标签(人的全名)周围绘制一个合适的矩形。边距不是特别重要,但我不能只绘制固定大小的矩形,因为标签的长度各不相同。我该怎么做?
这是绘制文本标签的代码:
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);
}
最佳答案
您可以使用measureText() 获取绘制文本的大小.
关于javascript - HTML5 Canvas : Draw rectangle around text?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4065273/