大學(xué)生新聞網(wǎng)，大學(xué)生新聞發(fā)布平臺(tái)
小程序畫布測量文本尺寸信息CanvasContext.measureText
Object CanvasContext.measureText(string text)
測量文本尺寸信息。目前僅返回文本寬度。同步接口。
基礎(chǔ)庫 1.9.90 開始支持，低版本需做兼容處理。
小程序插件：支持
參數(shù)
string text
要測量的文本
返回值
Object
屬性 類型 說明
width number 文本的寬度
示例代碼
const ctx = wx.createCanvasContext('myCanvas')
ctx.font = 'italic bold 20px cursive'
const metrics = ctx.measureText('Hello World')
console.log(metrics.width)
測量文本尺寸信息。目前僅返回文本寬度。同步接口。
基礎(chǔ)庫 1.9.90 開始支持，低版本需做兼容處理。
小程序插件：支持
參數(shù)
string text
要測量的文本
返回值
Object
屬性 類型 說明
width number 文本的寬度
示例代碼
const ctx = wx.createCanvasContext('myCanvas')
ctx.font = 'italic bold 20px cursive'
const metrics = ctx.measureText('Hello World')
console.log(metrics.width)
- 作者：大學(xué)生新聞網(wǎng) 來源：大學(xué)生新聞網(wǎng)
- 發(fā)布時(shí)間：2025-04-12 閱讀：
- 掃一掃 分享悅讀
- 小程序畫布保存繪圖上下文CanvasContext.save
- const ctx = wx.createCanvasContext('myCanvas')
- 04-12 關(guān)注：0
- 小程序畫布測量文本尺寸信息CanvasContext.measureText
- Object CanvasContext.measureText(string text)
- 04-12 關(guān)注：0
- 小程序畫布對指定的圖像創(chuàng)建模式的方法CanvasContext.createPatt
- CanvasContext.createPattern(string image, string repetition)
- 04-12 關(guān)注：0
- 小程序創(chuàng)建一個(gè)圓形的漸變顏色CanvasContext.createCircularGrad
- CanvasGradient CanvasContext.createCircularGradient(number x, number y, number r)
- 04-12 關(guān)注：0
- 小程序畫布創(chuàng)建一個(gè)線性的漸變顏色CanvasContext.createLinearGr
- CanvasGradient CanvasContext.createLinearGradient(number x0, number y0, number x1, number y1)
- 04-12 關(guān)注：0
- 小程序畫布draw用法CanvasContext.draw
- CanvasContext.draw(boolean reserve, function callback)
- 04-12 關(guān)注：1
- 小程序canvas 組件的繪圖上下文CanvasContext
- canvas 組件的繪圖上下文。CanvasContext 是舊版的接口， 新版 Canvas 2D 接口與 Web 一致。
- 04-12 關(guān)注：1
- 小程序畫布犯創(chuàng)建圖片展示的 data URI Canvas.toDataURL
- string Canvas.toDataURL(string type, number encoderOptions)
- 04-12 關(guān)注：1
-
客服QQ：471708534 大學(xué)生新聞網(wǎng)©版權(quán)所有