CanvasContext.setTextBaseline

簡介

CanvasContext.setTextBaseline 用于設(shè)置當(dāng)前文本基線的屬性。

掃碼體驗(yàn)

效果示例

示例代碼

//.js
const ctx = my.createCanvasContext('canvas')
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()

顯示效果如下圖所示：

入?yún)?/h4>

Object 類型，屬性如下：

屬性	類型	描述
textBaseline	String	Canvas 2D API 描述繪制文本時(shí)，當(dāng)前文本基線的屬性?？蛇x值為 "top" 、"hanging"、 "middle"、 "alphabetic"、 "ideographic"、 "bottom"。