CanvasRenderingContext2D.measureText() | Canvas CanvasRenderingContext2D

返回到:Canvas API:CanvasRenderingContext2D

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;

返回到:Canvas API:CanvasRenderingContext2D

作者:terry,如若转载,请注明出处:https://www.web176.com/canvas_api/7922.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2023年1月6日
下一篇 2023年1月6日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注