javascript - measureText 时附加 "m"的目的是什么

Question

在canvas中测量文本时，经常会看到如下代码

w = c.measureText(d.text + "m").width

来自 https://github.com/jasondavies/d3-cloud/blob/master/d3.layout.cloud.js#L233

为什么人们在测量文本时附加一个“m”。

Answer 1

我的猜测是，这是用来添加与 m 字符宽度相等的额外填充。

在 JavaScript 中，在字符串上使用 + 运算符将它连接起来(如果还没有连接成一个字符串):

"Abc" + "m" // "Abcm"
1 + "m" // "1m"

这意味着如果 d.text 的值为“Hello, world!”，d.text + "m" 将等于:

"Hello, world!m"
w = c.measureText("Hello, world!m").width

假设 m 字符的宽度为 5 像素，此方法的替代方法是:

w = c.measureText(d.text).width + 5

但是我认为 d.text 不一定具有固定的字体大小，因此使用固定值可能会导致问题。