小程序canvas中文字设置居中锚点


Posted in HTML / CSS onApril 16, 2019

 小程序中经常会遇到要生成图片的需求,图片一般会加上用户的头像和昵称之类的,头像只需要把腾讯域名添加到request和download列表中,使用wx.getImageInfo()就可以缓存到本地,成功的回调再添加进canvas中生成图片。

如果要文字在某个位置居中,canvas中文字怎么根据文字长短不一实现锚点在文字中心位置呢?

var txtWidth=canvas.measureText(this.nickName).width能获取到在canvas中文字的宽度,找到文字的居中x位置减去txtWidth/2就可以实现居中,如果参数是number类型转换为字符串类型,否则在部分iOS机型上无效,不能获取文字宽度。
 

总结

以上所述是小编给大家介绍的小程序canvas中文字设置居中锚点 ,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

HTML / CSS 相关文章推荐
css3实现一款模仿iphone样式的注册表单
Mar 20 HTML / CSS
H5仿微信界面教程(一)
Jul 05 HTML / CSS
详解HTML5中的manifest缓存使用
Sep 09 HTML / CSS
Html5 Geolocation获取地理位置信息实例
Dec 09 HTML / CSS
LocalStorage记住用户和密码功能
Jul 24 HTML / CSS
HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
Oct 16 HTML / CSS
简述Html5 IphoneX 适配方法
Feb 08 HTML / CSS
详解canvas绘图时遇到的跨域问题
Mar 22 HTML / CSS
canvas环形倒计时组件的示例代码
Jun 14 HTML / CSS
HTML5 Blob 实现文件下载功能的示例代码
Nov 29 HTML / CSS
HTML5 Canvas 实现K线图的示例代码
Dec 23 HTML / CSS
html5启动原生APP总结
Jul 03 HTML / CSS
用canvas做一个DVD待机动画的实现代码
Apr 12 #HTML / CSS
Html5适配iphoneX刘海屏的简单实现
Apr 09 #HTML / CSS
html5唤醒APP小记
Mar 27 #HTML / CSS
html5录音功能实战示例
Mar 25 #HTML / CSS
浅析HTML5中的download属性使用
Mar 13 #HTML / CSS
手把手教你实现一个canvas智绘画板的方法
Mar 04 #HTML / CSS
详解h5页面在不同ios设备上的问题总结
Mar 01 #HTML / CSS
You might like
PHP冒泡排序算法代码详细解读
2011/07/17 PHP
WordPress中使主题支持小工具以及添加插件启用函数
2015/12/22 PHP
PHP如何通过date() 函数格式化显示时间
2020/11/13 PHP
帮助避免错误的Javascript陷阱清单
2009/05/31 Javascript
javaScript call 函数的用法说明
2010/04/09 Javascript
关闭时刷新父窗口两种方法
2014/05/07 Javascript
JS弹出可拖拽可关闭的div层完整实例
2015/02/13 Javascript
jQuery实现选项卡切换效果简单演示
2015/12/09 Javascript
Javascript中的数组常用方法解析
2016/06/17 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
2016/09/04 Javascript
jQuery实现可拖拽的许愿墙效果【附demo源码下载】
2016/09/14 Javascript
JavaScript与ActionScript3两者的同性与差异性
2016/09/22 Javascript
移动端刮刮乐的实现方式(js+HTML5)
2017/03/23 Javascript
vue draggable resizable gorkys与v-chart使用与总结
2019/09/05 Javascript
vue实现鼠标移过出现下拉二级菜单功能
2019/12/12 Javascript
微信小程序服务器日期格式化问题
2020/01/07 Javascript
解决vant-UI库修改样式无效的问题
2020/11/03 Javascript
[01:06:25]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
Python RuntimeError: thread.__init__() not called解决方法
2015/04/28 Python
python模拟事件触发机制详解
2018/01/19 Python
django从请求到响应的过程深入讲解
2018/08/01 Python
Python基础学习之时间转换函数用法详解
2019/06/18 Python
pyspark对Mysql数据库进行读写的实现
2020/12/30 Python
python实现简单的井字棋游戏(gui界面)
2021/01/22 Python
详解html5 postMessage解决跨域通信的问题
2018/08/17 HTML / CSS
世界上最悠久的自行车制造商:Ribble Cycles
2017/03/18 全球购物
美国男士西装打折店:Jos. A. Bank
2017/11/13 全球购物
卡骆驰新加坡官网:Crocs新加坡
2018/06/12 全球购物
美国轮胎网站:Priority Tire
2018/11/28 全球购物
领导的自我鉴定
2013/12/28 职场文书
销售经理竞聘书
2014/03/31 职场文书
活动总结新闻稿
2014/08/30 职场文书
仓库保管员岗位职责
2015/02/09 职场文书
军训心得体会范文(2016最新篇)
2016/01/11 职场文书
2016年“我们的节日·清明节”活动总结
2016/04/01 职场文书
会计专业自荐信范文
2019/05/22 职场文书