大學生新聞網，大學生新聞發布平臺
小程序畫布在畫布上繪制文本CanvasContext.fillText
CanvasContext.fillText(string text, number x, number y, number maxWidth)
在畫布上繪制被填充的文本
小程序插件：支持
參數
string text
在畫布上輸出的文本
number x
繪制文本的左上角 x 坐標位置
number y
繪制文本的左上角 y 坐標位置
number maxWidth
需要繪制的最大寬度，可選
示例代碼
const ctx = wx.createCanvasContext('myCanvas')
ctx.setFontSize(20)
ctx.fillText('Hello', 20, 20)
ctx.fillText('MINA', 100, 100)
ctx.draw()
在畫布上繪制被填充的文本
小程序插件：支持
參數
string text
在畫布上輸出的文本
number x
繪制文本的左上角 x 坐標位置
number y
繪制文本的左上角 y 坐標位置
number maxWidth
需要繪制的最大寬度，可選
示例代碼
const ctx = wx.createCanvasContext('myCanvas')
ctx.setFontSize(20)
ctx.fillText('Hello', 20, 20)
ctx.fillText('MINA', 100, 100)
ctx.draw()
- 作者：大學生新聞網 來源：大學生新聞網
- 發布時間：2025-04-17 閱讀：
- 掃一掃 分享悅讀
- 小程序畫布設置字體大小 CanvasContext.setFontSize(number font
- 從基礎庫 1.9.90 開始，本接口停止維護，請使用 CanvasContext.font 代替
- 04-17 關注：0
- 小程序畫布在畫布上繪制文本CanvasContext.fillText
- CanvasContext.fillText(string text, number x, number y, number maxWidth)
- 04-17 關注：0
- 小程序畫布設置最大斜接長度CanvasContext.setMiterLimit
- CanvasContext.setMiterLimit(number miterLimit)
- 04-16 關注：3
- 小程序畫筆設置虛線樣式CanvasContext.setLineDash
- CanvasContext.setLineDash(Array.
pattern, number offset) - 04-16 關注：3
- 小程序畫布設置線條的端點樣式CanvasContext.setLineCap
- CanvasContext.setLineCap(string lineCap)設置線條的端點樣式
- 04-16 關注：3
- 小程序畫布設置線條的交點樣式CanvasContext.setLineJoin
- CanvasContext.setLineJoin(string lineJoin)
- 04-16 關注：3
- 小程序畫筆設置線條的寬度CanvasContext.setLineWidth
- CanvasContext.setLineWidth(number lineWidth)
- 04-16 關注：1
- 小程序畫布設置全局畫筆透明度CanvasContext.setGlobalAlpha
- CanvasContext.setGlobalAlpha(number alpha)
- 04-16 關注：3
-
客服QQ：471708534 大學生新聞網©版權所有