微信小程序APIsetTextBaseline,小程序设置文字水平对齐

发布时间:2023-07-19 12:37:02 作者:cdking 阅读量:8232

 

canvasContext.setTextBaseline


基础库 1.4.0 开始支持,低版本需做兼容处理

定义

用于设置文字的水平对齐

参数

参数 类型 定义
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()
更多微信小程序开发教程,可以关注多程序。
***本网站图片,文字之类版权申明,因为网站可以由注册用户自行上传图片或文字,本网站无法鉴别所上传图片或文字的知识版权,如果侵犯,请及时通知我们,本网站将在第一时间及时删除。

我要评论

网友评论


评论时间:2023-10-17 08:27:02

10.产品app制作学校 展示在线制作APP .产品展示平台

回复
秒制作
Catfish(鲶鱼) Blog V 4.7.3