CanvasContext.measureText

2020-09-14 15:17 更新

簡介

CanvasContext.measureText 用于測量文本尺寸信息,目前僅返回文本寬度。為同步接口。

使用限制

調(diào)用此方法獲取到的文本寬度是設(shè)備的像素值,因 Android 系統(tǒng)和 iOS 系統(tǒng)兩端字體處理方式不同,導(dǎo)致實際的返回值會存在一定的差異,建議在各自系統(tǒng)上做兼容處理。

掃碼體驗

undefined

效果示例

畫布.gif

示例代碼

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

入?yún)?/h4>

Object 類型,屬性如下:

屬性 類型 必填 描述
text String 要測量的文本。

返回值

返回 TextMetrics 對象,結(jié)構(gòu)如下:

屬性 類型 描述
width Number 文本的寬度,為設(shè)備的像素值。注意:因 Android 系統(tǒng)和 iOS 系統(tǒng)兩端字體處理方式不同,導(dǎo)致實際的返回值會存在一定的差異,建議在各自系統(tǒng)上做兼容處理。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號