CanvasContext.measureText

简介

CanvasContext.measureText 用于测量文本尺寸信息，目前仅返回文本宽度。为同步接口。

使用限制

调用此方法获取到的文本宽度是设备的像素值，因 Android 系统和 iOS 系统两端字体处理方式不同，导致实际的返回值会存在一定的差异，建议在各自系统上做兼容处理。

扫码体验

undefined

效果示例

画布.gif

示例代码

//.js
const ctx = my.createCanvasContext('canvas')
ctx.font = 'italic bold 50px cursive'
const { width } = ctx.measureText('hello world')
console.log(width)

入参

Object 类型，属性如下：

属性	类型	必填	描述
text	String	是	要测量的文本。

返回值

返回 TextMetrics 对象，结构如下：

属性	类型	描述
width	Number	文本的宽度，为设备的像素值。注意：因 Android 系统和 iOS 系统两端字体处理方式不同，导致实际的返回值会存在一定的差异，建议在各自系统上做兼容处理。