记录小程序 canvas fillText bug

前提
微信项目中要用canvas制作一张授权书, 如下这种:

在使用canvas进行渲染时, 发现会出现bug:
在安卓机上姓名能显示, 手机号显示不出来
代码如下:

ctx.font="14px Arial";
ctx.fillText(res.data.realname, 170 * regW, 212 * regH)
ctx.fillText(res.data.phone, 170 * regW , 240 * regH)

解决

ctx.font="14px Arial";
ctx.fillText(res.data.realname, 170 * regW, 212 * regH)
ctx.font="14px Arial";
ctx.fillText(res.data.phone, 170 * regW , 240 * regH)

解决方法是: 多个 filltext 不能连续使用

百度查询,在微信社区中多次出现这个问题,

记录小程序 canvas fillText bug相关推荐

微信小程序Canvas绘图API
微信小程序Canvas绘图API 前言使用姿势常用API(以下API都是通过CanvasContext对象进行调用) 颜色.样式 setFillStyle(string|CanvasGradien ...
微信小程序 | canvas绘图
1.新的尺寸单位 rpx rpx(responsive pixel): 可以根据屏幕宽度进行自适应. 规定屏幕宽为750rpx.如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则 ...
微信小程序-canvas绘制文字实现自动换行
微信小程序-canvas绘制文字实现自动换行在使用微信小程序canvas绘制文字时,时常会遇到这样的问题:因为canvasContext.fillText参数为我们只能设置文本的最大宽度,这就产生 ...
小程序canvas绘制商品海报实现分享朋友圈
小程序canvas绘制商品海报实现分享朋友圈效果图: 实现步骤就是点击生成图片在canvas画布中画出一张海报然后保存在本地在imags标签中展示,此处尽可能的把canvas组件隐藏但是不能 ...
uni保存canvas图片_小程序canvas【开箱即用】
前言小程序canvas有多坑,相信开发过的同学们都深有体会每一次写使用canvas都忍不住骂两句鉴于此,小弟就从0开始,一步一步实现画图功能,并且列明所有我遇到的坑注意:本文都是基于uni开发 ...
小程序Canvas绘制图片太大，自动闪退，安卓会有crash问题
2019独角兽企业重金招聘Python工程师标准>>> 问题说明: 目前小程序Canvas版本还有不少bug,性能较低. 对于图片太大使用ctx.drawImage(imgpath, ...
微信小程序 canvas type = 2d 绘制海报心得（包括怎么绘制图片和圆角图片和圆角矩形等）
微信小程序 canvas type=2d 使用心得为了方便这里我封装成了一个component 然后说说怎么使用最新的方法(使用方法类似于html中的canvas可以进行参考)获取--canvas ...
小程序 canvas画图片
小程序 canvas 新版(2.9.0之后)和旧版画图步骤这边记录一下希望大家少踩坑旧版需要canvas-id <canvas :style="`width: ${cWidth} ...
微信小程序---canvas
canvas官网:CanvasRenderingContext2D.canvas - Web APIs | MDN 小程序-canvas组件:canvas | 微信开放文档 1.两种cavnas获取上 ...

记录小程序 canvas fillText bug

记录小程序 canvas fillText bug相关推荐

最新文章

热门文章