注冊(cè)

微信小程序APIsetTextBaseline,小程序設(shè)置文字水平對(duì)齊

2017-12-22
導(dǎo)讀：繪圖接口和方法 canvasContext.setTextBaseline 基礎(chǔ)庫(kù) 1.4.0 開始支持，低版本需做兼容處理 定義 用于設(shè)置文字的水平對(duì)齊 參數(shù) 參數(shù) 類型 定義 textBaseline String 可選值 'top'、'bottom'、'middle'、...

 

canvasContext.setTextBaseline

基礎(chǔ)庫(kù) 1.4.0 開始支持，低版本需做兼容處理

定義

用于設(shè)置文字的水平對(duì)齊

參數(shù)

參數(shù) 類型 定義
textBaseline String 可選值 'top'、'bottom'、'middle'、'normal'

示例代碼：

const ctx = wx.createCanvasContext('myCanvas')

ctx.setStrokeStyle('red')
ctx.moveTo(5, 75)
ctx.lineTo(295, 75)
ctx.stroke()

ctx.setFontSize(20)

ctx.setTextBaseline('top')
ctx.fillText('top', 5, 75)

ctx.setTextBaseline('middle')
ctx.fillText('middle', 50, 75)

ctx.setTextBaseline('bottom')
ctx.fillText('bottom', 120, 75)

ctx.setTextBaseline('normal')
ctx.fillText('normal', 200, 75)

ctx.draw()
更多微信小程序開發(fā)教程，可以關(guān)注hi小程序。
重磅推薦：小程序開店目錄

第一部分：小商店是什么

第二部分：如何開通一個(gè)小商店

第三部分：如何登錄小商店

第四部分：開店任務(wù)常見問(wèn)題

第五部分：小商店可以賣什么

第六部分：HiShop小程序特色功能

第七部分：小程序直播

第八部分：小程序收貨/物流

第九部分：小程序怎么結(jié)算

第十部分：小程序客服

第十一部分：電商創(chuàng)業(yè)

第十二部分：小程序游戲開發(fā)