大学生新闻网,大学生新闻发布平台
大学生新闻网
大学生新闻大学生活校园文学大学生村官
社会实践活动社会实践经历社会实践报告社会实践总结社会实践心得
全国排名校友会版软科排名分类排名本科排名一本排名二本排名专科排名学校地址
求职简历职场法则面试技巧职场故事求职招聘大学生就业
英语学习计算机学习电气工程机械工程经济管理建筑设计财务会计
申请书证明书检讨书自荐信演讲稿心得体会调查报告读后感求职信推荐信其它范文

小程序画布设置文字的竖直对齐

CanvasContext.setTextBaseline(string textBaseline)
设置文字的竖直对齐

基础库 1.4.0 开始支持,低版本需做兼容处理。
小程序插件:支持
参数
string textBaseline
文字的竖直对齐方式

textBaseline 的合法值

值    说明    最低版本
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()
    作者:大学生新闻网    来源:大学生新闻网
    发布时间:2025-04-17    阅读:
    扫一扫 分享悦读