大學生新聞網，大學生新聞發布平臺
小程序畫布設置文字的對齊方式CanvasContext.setTextAlign
CanvasContext.setTextAlign(string align)
設置文字的對齊
基礎庫 1.1.0 開始支持，低版本需做兼容處理。
小程序插件：支持
參數
string align
文字的對齊方式
align 的合法值
值 說明 最低版本
left 左對齊
center 居中對齊
right 右對齊
示例代碼
const ctx = wx.createCanvasContext('myCanvas')
ctx.setStrokeStyle('red')
ctx.moveTo(150, 20)
ctx.lineTo(150, 170)
ctx.stroke()
ctx.setFontSize(15)
ctx.setTextAlign('left')
ctx.fillText('textAlign=left', 150, 60)
ctx.setTextAlign('center')
ctx.fillText('textAlign=center', 150, 80)
ctx.setTextAlign('right')
ctx.fillText('textAlign=right', 150, 100)
ctx.draw()
設置文字的對齊
基礎庫 1.1.0 開始支持，低版本需做兼容處理。
小程序插件：支持
參數
string align
文字的對齊方式
align 的合法值
值 說明 最低版本
left 左對齊
center 居中對齊
right 右對齊
示例代碼
const ctx = wx.createCanvasContext('myCanvas')
ctx.setStrokeStyle('red')
ctx.moveTo(150, 20)
ctx.lineTo(150, 170)
ctx.stroke()
ctx.setFontSize(15)
ctx.setTextAlign('left')
ctx.fillText('textAlign=left', 150, 60)
ctx.setTextAlign('center')
ctx.fillText('textAlign=center', 150, 80)
ctx.setTextAlign('right')
ctx.fillText('textAlign=right', 150, 100)
ctx.draw()
- 作者：大學生新聞網 來源：大學生新聞網
- 發布時間：2025-04-17 閱讀：
- 掃一掃 分享悅讀
- 小程序畫布設置文字的豎直對齊
- CanvasContext.setTextBaseline(string textBaseline)
- 04-17 關注：0
- 小程序畫布設置文字的對齊方式CanvasContext.setTextAlign
- CanvasContext.setTextAlign(string align)
- 04-17 關注：0
- 小程序畫布設置字體大小 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
-
客服QQ：471708534 大學生新聞網©版權所有