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 | Status | Comment |
---|---|---|
HTML Living Standard CanvasRenderingContext2D.measureText |
Living Standard |
浏览器兼容性
BCD tables only load in the browser