大學生新聞網，大學生新聞發布平臺
小程序畫布測量文本尺寸信息CanvasContext.measureText
Object CanvasContext.measureText(string text)
測量文本尺寸信息。目前僅返回文本寬度。同步接口。
基礎庫 1.9.90 開始支持，低版本需做兼容處理。
小程序插件：支持
參數
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)
測量文本尺寸信息。目前僅返回文本寬度。同步接口。
基礎庫 1.9.90 開始支持，低版本需做兼容處理。
小程序插件：支持
參數
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)
- 作者：大學生新聞網 來源：大學生新聞網
- 發布時間：2025-04-12 閱讀：
- 掃一掃 分享悅讀
- 小程序畫布保存繪圖上下文CanvasContext.save
- const ctx = wx.createCanvasContext('myCanvas')
- 04-12 關注：0
- 小程序畫布測量文本尺寸信息CanvasContext.measureText
- Object CanvasContext.measureText(string text)
- 04-12 關注：0
- 小程序畫布對指定的圖像創建模式的方法CanvasContext.createPatt
- CanvasContext.createPattern(string image, string repetition)
- 04-12 關注：0
- 小程序創建一個圓形的漸變顏色CanvasContext.createCircularGrad
- CanvasGradient CanvasContext.createCircularGradient(number x, number y, number r)
- 04-12 關注：0
- 小程序畫布創建一個線性的漸變顏色CanvasContext.createLinearGr
- CanvasGradient CanvasContext.createLinearGradient(number x0, number y0, number x1, number y1)
- 04-12 關注：0
- 小程序畫布draw用法CanvasContext.draw
- CanvasContext.draw(boolean reserve, function callback)
- 04-12 關注：1
- 小程序canvas 組件的繪圖上下文CanvasContext
- canvas 組件的繪圖上下文。CanvasContext 是舊版的接口， 新版 Canvas 2D 接口與 Web 一致。
- 04-12 關注：1
- 小程序畫布犯創建圖片展示的 data URI Canvas.toDataURL
- string Canvas.toDataURL(string type, number encoderOptions)
- 04-12 關注：1
-
客服QQ：471708534 大學生新聞網©版權所有