微信小程序设置文本左对齐居中对齐右对齐setTextAlign的使用说明

微信官方说明文档如下。特别注意：

对齐方式的基准点，是以整个画布的宽度的一半的中心轴为基准线。

左对齐：即文本左侧贴向中心y轴。

居中对齐：即文本以中心y轴对齐。

右对齐：即文本右侧贴向中心轴y。

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()

微信小程序设置文本左对齐居中对齐右对齐setTextAlign的使用说明相关推荐

微信聊天自动解析html文本,微信小程序纯文本实现@功能
前言大家肯定对@功能不陌生,在如今的各大社交软件中它是一种不可或缺的功能.实现@人的功能并不复杂,只需将@人员的id传给后端,后端下发通知即可.主要的复杂点在于一键删除功能与变色功能,web端可以使 ...
微信小程序富文本解析
微信小程序富文本解析 *人狠话不多,直接代码搞起* html代码(后台返回的html代码) <p>这是一段文字</p><p><strong>这是加粗的字 ...
微信小程序富文本处理
微信小程序富文本处理 wxml页面代码: <rich-text nodes ="{{content.content}}"></rich-text> ts代码 ...
家用电脑设置成小程序服务器,电脑微信小程序设置全屏的方法是什么
电脑微信小程序设置全屏的方法是什么方法:首先配置小程序resizeable的参数设置为true,这样操作可以在电脑端打开一个较大的横向窗口显示,屏幕大小是1024乘以768的,然后再按下全屏按钮,便 ...
微信小程序设置背景图片
经常为微信小程序设置颜色背景,突然发现一张好看的图片怎么把它设置为背景呢? 以下总结了三种方法: css中通过url获取网络图片微信小程序中不能使用本地图片 background-image:url ...
微信小程序富文本编辑器获取内容
1.新建wxParse文件夹里面的结构是这样:wxParse :{ emojis (文件夹) html2json.js (文件) htmlparser.js(文件) showdown.js (文件) ...
微信小程序富文本渲染(rich-text)换行失效
微信小程序富文本渲染(rich-text)换行失效给rich-text标签加css 样式 white-space: pre;
微信小程序设置启动页面
微信小程序设置启动页面微信小程序运行成功需要跳转到启动页面: 微信小程序跳转启动页面主要有两种方法: 1.通过配置全局文件page.json进行配置在app.json文件中,pages数组,设置在 ...
微信小程序富文本编辑器组件 editor
微信小程序富文本编辑器组件 editor <view class="container"><view class="titlebox"> ...

微信小程序设置文本左对齐居中对齐右对齐setTextAlign的使用说明

微信小程序设置文本左对齐居中对齐右对齐setTextAlign的使用说明相关推荐

最新文章

热门文章