小程序安卓下canvas绘制文字偶发性错乱,非常诡异
2019-03-15 16:54:37
微信公开课小程序热门讨论关于「小程序安卓下canvas绘制文字偶发性错乱,非常诡异」的小程序开发问题
补充:小程序安卓下canvas绘制文字偶发性错乱,非常诡异
展开:关键代码:封装了一个画文字的方法如下,所有文字都是通过这个方法画出来的,我在这里打了两个log来记录画文字的配置:画文字const_drawText=function(text=,x=0,y=0,draw=true,textIndent=0){constdoNoThing=undefined;const{lineHeight,fontSize,color,bold,textAlign}=configtext;constrowSpace=(lineHeightfontSize)2;constoffsetY=3;**修复文字上方的默认空隙*ctxsetFontSize(fontSize)ctxsetFillStyle(color)ctxsetTextAlign(textAlign)consolelog(textconfig:,fontSize:${fontSize},color:${color},textAlign:${textAlign})consolelog(text:,text,x+rowSpace+textIndent,y+rowSpace+offsetY)draw?ctxfillText(text,x+rowSpace+textIndent,y+rowSpace+offsetY):doNoThing;};表现如下:表现正常时截图:表现正常时配置截图:重复绘制整个画布若干次(也有可能一进来第一次就错乱),会偶然性出现错乱:可以看到,错乱的那一句的样式和“bylcl的评论”这一行是一样的,但是看配置的话,却不应该是这样的,出现错乱时配置截图:经过测试:这个问题只在安卓下出现(测过魅蓝、小米均出现),在苹果下不会出现(测过iPhoneS,iphonex)不是每次必现,频繁重新绘制和文字多的时候出现概率比较大(由于问题比较诡异,还没找到具体的规律)尝试过用wx:if在绘制结束后销毁画布,问题还是会重现因为这个问题目前只发现在安卓下出现,比较倾向认为这是微信小程序框架实现上的差异问题,不知道有没有人曾遇到过同样问题,还请指导一二即速小程序:出现过这个问题,在draw的回调函数里面延迟个300毫秒能保证大部分都正常显示,如果还会有问题再加一点时间:延长生成时间垃圾手机不能做到100ms渲染改成500之后比较好:保存图片的时候,延时300ms就没有问题:我也遇到了这个问题,安卓出现的概率比较高但是找不到规律:我有遇到这样的问题,我这边出现这种问题的时候一般是绘制长串的英文或者数字,这个时候多试几次就会变得错乱,除了绘制的位置错乱,字体颜色也可能会错乱,会拿上面设置过的颜色绘制,而不是重新定义过的颜色:我也出现这个问题,有时候字体不一样,有时候颜色不一样,每次刷新出来的都不一样,正常的时候很少:麻烦给个相关的代码片段(https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml)
更多有关「小程序安卓下canvas绘制文字偶发性错乱,非常诡异」的讨论可以前往微信公开课小程序参与互动哦!
补充:小程序安卓下canvas绘制文字偶发性错乱,非常诡异
展开:关键代码:封装了一个画文字的方法如下,所有文字都是通过这个方法画出来的,我在这里打了两个log来记录画文字的配置:画文字const_drawText=function(text=,x=0,y=0,draw=true,textIndent=0){constdoNoThing=undefined;const{lineHeight,fontSize,color,bold,textAlign}=configtext;constrowSpace=(lineHeightfontSize)2;constoffsetY=3;**修复文字上方的默认空隙*ctxsetFontSize(fontSize)ctxsetFillStyle(color)ctxsetTextAlign(textAlign)consolelog(textconfig:,fontSize:${fontSize},color:${color},textAlign:${textAlign})consolelog(text:,text,x+rowSpace+textIndent,y+rowSpace+offsetY)draw?ctxfillText(text,x+rowSpace+textIndent,y+rowSpace+offsetY):doNoThing;};表现如下:表现正常时截图:表现正常时配置截图:重复绘制整个画布若干次(也有可能一进来第一次就错乱),会偶然性出现错乱:可以看到,错乱的那一句的样式和“bylcl的评论”这一行是一样的,但是看配置的话,却不应该是这样的,出现错乱时配置截图:经过测试:这个问题只在安卓下出现(测过魅蓝、小米均出现),在苹果下不会出现(测过iPhoneS,iphonex)不是每次必现,频繁重新绘制和文字多的时候出现概率比较大(由于问题比较诡异,还没找到具体的规律)尝试过用wx:if在绘制结束后销毁画布,问题还是会重现因为这个问题目前只发现在安卓下出现,比较倾向认为这是微信小程序框架实现上的差异问题,不知道有没有人曾遇到过同样问题,还请指导一二即速小程序:出现过这个问题,在draw的回调函数里面延迟个300毫秒能保证大部分都正常显示,如果还会有问题再加一点时间:延长生成时间垃圾手机不能做到100ms渲染改成500之后比较好:保存图片的时候,延时300ms就没有问题:我也遇到了这个问题,安卓出现的概率比较高但是找不到规律:我有遇到这样的问题,我这边出现这种问题的时候一般是绘制长串的英文或者数字,这个时候多试几次就会变得错乱,除了绘制的位置错乱,字体颜色也可能会错乱,会拿上面设置过的颜色绘制,而不是重新定义过的颜色:我也出现这个问题,有时候字体不一样,有时候颜色不一样,每次刷新出来的都不一样,正常的时候很少:麻烦给个相关的代码片段(https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml)
更多有关「小程序安卓下canvas绘制文字偶发性错乱,非常诡异」的讨论可以前往微信公开课小程序参与互动哦!
标签:微信公开课,小程序
「小程序安卓下canvas绘制文字偶发性错乱,非常诡异」热门讨论订阅
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序安卓下canvas绘制文字偶发性错乱,非常诡异」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序安卓下canvas绘制文字偶发性错乱,非常诡异」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序安卓下canvas绘制文字偶发性错乱,非常诡异」
微信公开课小程序热门讨论「小程序安卓下canvas绘制文字偶发性错乱,非常诡异」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「小程序安卓下canvas绘制文字偶发性错乱,非常诡异」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间:2019-03-15 16:54:37
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>,请补充选择商家自营-预付卡销售-发行方类目,并在基础信息处申请该类目,通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式(非测试)内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版,扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样?
>“产品是否一定需要条形码”
>