CanvasRenderingContext2D.measureText()
CanvasRenderingContext2D.measureText()
方法返回一个关于被测量文本TextMetrics
对象包含的信息(例如它的宽度)。
语法
ctx.measureText(text);
参数
- text
-
需要测量的
String
。
返回值
TextMetrics
对象。
示例
给出 <canvas>
元素:
<canvas id="canvas"></canvas>
使用下面的代码,你能得到 TextMetrics
对象:
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var text = ctx.measureText("foo"); // TextMetrics object
text.width; // 16;
规范描述
Specification |
---|
HTML Standard # dom-context-2d-measuretext-dev |
浏览器兼容性
BCD tables only load in the browser