微信小程序canvas中的setTextAlign方法如何使用

微信小程序canvas中的setTextAlign方法如何使用
看了官方api一脸懵逼不知道如何将画布的文字居中，求各位大神帮忙
附上程序中的代码
图片说明

附上界面图片说明

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

3条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
tomato君 2017-11-21 10:28
关注
还是没整明白这个方法怎么用的今天才接触画图。
不过已经解决了，可能用的方法比较lower
偶然发现 ctx.fillText(text,x,y); x是以文本的中间位置定位的。
所以只需要将屏幕宽度除2放在x位置就可以了

解决 3
无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

微信小程序设置背景不透明度微信小程序
2021-12-18 23:42

回答 2 已采纳 <view class="model">test</view> <style> .model{ width:100%; height:100%;
微信小程序 echarts 文件过大怎么解决呢？ javascript 微信小程序
2022-04-23 15:55

回答 1 已采纳用到是ec-canvas吗?可考虑使用微信小程序的分包策略https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/
微信小程序 echarts在page外怎么重新渲染呢？ javascript 微信小程序
2022-04-19 06:58

回答 1 已采纳传参进去initChart这个方法传多一个data值
微信小程序 canvas画海报
2023-11-23 11:26

半仙儿~的博客【代码】微信小程序 canvas画海报。
#微信小程序##canvas# 微信小程序
2022-11-21 10:26

回答 1 已采纳方法1.将绘制出的canvas 保存为本地路径的一个img 路径.然后将图片放到 scroll-view 里面,进行滑动.亲测,滑动最流畅html： <scroll-view class="te
微信小程序 echarts 雷达图如何实现点击事件(六边形数字项)跳转页面功能，可付费咨询 echarts 前端微信小程序有问必答
2022-04-06 11:02

回答 7 已采纳目前看只能实现你的第3个需求，就是点击那个小圆圈跳转对应的页面，在点击到雷达图外面和雷达图顶点处的文字和值顶点的文字，都无法触发跳转（文字都在雷达图外面，无法进行跳转）。圈里面才可以触发click事件
微信小程序商品二维码微信小程序
2022-08-18 16:38

回答 1 已采纳二维码可以使用工具类，进行后端生成返给前端 com.google.xzing
微信小程序canvas上传PHP,微信小程序 用canvas绘制的图插入到分享中
2021-04-30 05:57

weixin_39621060的博客用canvas绘制图createNewImg: function () {var that = this;var ctx = wx.createCanvasContext('mycanvas');ctx.setFillStyle("#F4F4F4");// context.setFillStyle("#fff")ctx.fillRect(0, 0, 375, 520)var path1 =...
微信小程序想用echarts做出随y轴的大小改变折线颜色的效果，设置了visualMap，颜色也还是默认颜色 echarts 微信小程序
2021-08-04 23:36

回答 2 已采纳 pieces: [{ lte: 3, color: 'orange' }, { gt: 3, lte: 6,
微信小程序真机调试出问题，图表为什么会报错？ javascript 其他
2021-05-27 19:21

回答 3 已采纳这个检查一下是不是操作了dom，小程序是没有的
微信小程序报错：Uncaught Error: module "pages/test/test.js" is not defined，求大神看看问题出在哪了微信微信小程序
2019-11-16 13:48

回答 2 已采纳应该是test.js文件里面没有内容，是空的。
微信小程序canvas分享图片
2022-03-23 09:19

PINK_CODE的博客 <view class="share" catchtouchmove="true" wx-if="{{showShare==true}}"> <view class="mask" catch:tap="Cloose"></view> <view class="share_content">...canvas canvas-id='shar.
小程序使用echarts页面显示问题 echarts 微信小程序
2021-09-05 10:52

回答 1 已采纳给每个mychart-dom-line加个宽高试试。再给container加个高度，可能是高度不够挤在一起了
微信小程序canvas绘制环形图（含动画）
2021-11-11 09:27

烂泥也能扶上墙的博客 1、使用一个canvas绘制（带动画）； 2、通过画弧线，设置线宽，来实现圆环效果； 3、计算每段圆弧的起始角度和终止角度，用递归做动画；绘制完第一段圆弧块–>再绘制下一块，下一块的起始角度是上一块结束的角度...
微信小程序canvas drawImage 图片展示的方法
2021-03-06 15:48

一只不爱写代码的程序猿的博客项目场景：微信小程序canvas drawImage 微信小程序项目开发海报分享问题描述：在开发中，使用canvas 的drawImage方法绘图时在模拟器中正常显示，真机调试时反而不显示 drawCanvas() { let that = this let rpx...
没有解决我的问题, 去提问

悬赏问题

¥15 写一个方法checkPerson，入参实体类Person，出参布尔值
¥15 我想咨询一下路面纹理三维点云数据处理的一些问题，上传的坐标文件里是怎么对无序点进行编号的，以及xy坐标在处理的时候是进行整体模型分片处理的吗
¥15 CSAPPattacklab
¥15 一直显示正在等待HID—ISP
¥15 Python turtle 画图
¥15 关于大棚监测的pcb板设计
¥15 stm32开发clion时遇到的编译问题
¥15 lna设计源简并电感型共源放大器
¥15 如何用Labview在myRIO上做LCD显示？(语言-开发语言)
¥15 Vue3地图和异步函数使用