如何查找context.fillText（text，x，y）的尺寸

Question

我在畫布上繪製文本，並想知道如何獲取要繪製文本的尺寸。

高度應該足夠簡單。

我唯一的想法是使用等寬字體，並從字符數中計算長度。有沒有更好的方法來做到這一點呢？

Answer 1

你看過這個drawing text using canvas文檔嗎？ 特別來自methods section;
measureText()方法似乎做你所問。

雖然在我猜使用的文檔沒有例子是這樣的：

var text = 'this is my text'; 
var text_ctx = ctx.measureText(text); 
var text_width = text_ctx.width;