Canvas绘制文本内容，开发环境正常显示，真机环境不显示

微信公开课小程序热门讨论关于「Canvas绘制文本内容，开发环境正常显示，真机环境不显示」的小程序开发问题
补充:Canvas绘制文本内容，开发环境正常显示，真机环境不显示，Canvas绘制文本内容，开发环境正常显示，真机环境不显示开发环境下真机环境下
展开:问题模块框架类型问题类型API组件名称终端类型微信版本基础库版本API和组件小程序Bugcanvas客户端653200Canvas绘制文本内容，开发环境正常显示，真机环境不显示开发环境下：真机环境下：即速小程序：有先后层级之分，你是先画的文本吗：微信版本太低了吧：换成最新的版本，还是没有显示：多用几个手机测测呢：也没不来，canvas绘图，有没有层级关系但是我都是循环输出的：讲道理不应该，如果是图片的话还能理解，图片需要一系列的操作，画文本应该是挺常规的最好能发个代码片段：onLoad:function(options){letthat=this;letid=optionsid;varpark_name=appglobalDatawxacode_title;letfansi=wxgetStorageSync(fansi_fansi);letactivity_list=wxgetStorageSync(fansi_activity_list);letactivity_num=wxgetStorageSync(fansi_activity_num);letfood_list=wxgetStorageSync(fansi_food_list);letfood_num=wxgetStorageSync(fansi_food_num);letregion_list=wxgetStorageSync(fansi_region_list);letregion_num=wxgetStorageSync(fansi_region_num);varselect_year=wxgetStorageSync(fansi_select_year);varselect_year=select_year+年;letold_year=wxgetStorageSync(fansi_old_year);old_year=old_year+年;letuser_info=wxgetStorageSync(user_info);letzmlxj_user_info=wxgetStorageSync(zmlxj_user_info);需要动态计算画板的高度letwindowWidth=700;letwindowHeight=parseInt(region_listlength*70)+parseInt(activity_listlength*70)+450;wxgetSystemInfo({success:function(res){windowHeight=reswindowHeight+100;windowWidth=reswindowWidth;thatsetData({windowHeight:windowHeight,windowWidth:windowWidth,fansi:fansi,activity_list:activity_list,activity_num:activity_num,food_list:food_list,food_num:food_num,region_list:region_list,region_num:region_num,select_year:select_year,old_year:old_year,user_info:user_info,id:id});},});获得canvas上线文varcontext=wxcreateCanvasContext(fansi_img);contextsetFillStyle(c10211);c10211整个区域的大小contextfillRect(0,0,windowWidth,windowHeight);varr=60;varx=windowWidth2;vary=2*r;vard=2*r;varcx=x;varcy=r+20;contextsave();contextsetFillStyle(white);contextarc(cx,cy,r,0,2*MathPI);contextclip();contextfill();contextsetFontSize(40);contextsetFillStyle(red);fc9de4redcontextsetTextAlign(center);varhead_icon_height=40+2*40+40;contextfillText(old_year,windowWidth2,r+30);绘制用户的名称绘制姓名letnickName=user_info[nickName]?user_info[nickName]:(zmlxj_user_info[user_nick]?zmlxj_user_info[user_nick]:);if(nickName){contextsetFontSize(20);contextsetFillStyle(white);fc9de4whitecontextsetTextAlign(center);varhead_icon_height=40+2*40+40;contextfillText(nickName,windowWidth2,head_icon_height);}varpark_name_height=head_icon_height+40vartitle_=select_year+跟着【+park_name+】一起自驾世界一起去过+region_num+个城市+activity_num+次活动;vartitle_length=10*thatzh_length(title_);consolelog(windowHeight)if(title_lengthwindowWidth80){需要多行vartitle_line=parseInt(title_lengthwindowWidth);if(title_line==0){title_line=2;}else{title_line+=1;}varline_length=title_length10parseInt(title_length102);varindex=0;for(vart_i=0;t_i<title_line;t_i++){contextsetFontSize(25);contextsetFillStyle(white);contextsetTextAlign(left);vartitle_temp=utilssub_string(title_,0+index,30,);contextfillText(title_temp[str],10,park_name_height+t_i*30);index=title_temp[index];}}else{只需要一行就可以contextsetFontSize(25);contextsetFillStyle(white);contextsetTextAlign(center);contextfillText(title_,windowWidth2thatzh_length(park_name)*102+40,park_name_height);}varregion_height=280;for(vari_1=0;i_1<region_listlength;i_1++){contextsetFillStyle(white);contextsetStrokeStyle(white);contextfillRect(40,parseInt(region_height)40+i_1*70,parseInt(windowWidth)80,60);if(region_list[i_1]is_join==1){contextsetFillStyle(red);}else{contextsetFillStyle(black);}contextsetFontSize(20);contextsetTextAlign(left);contextfillText(region_list[i_1]title,windowWidth2thatzh_length(region_list[i_1]title)*102,parseInt(region_height)+i_1*70);}varactivity_height=parseInt(region_height)+parseInt(region_listlength*70);for(varj=0;j<activity_listlength;j++){contextsetFillStyle(white);contextsetStrokeStyle(white);contextfillRect(40,parseInt(activity_height)40+j*70,parseInt(windowWidth)80,60);contextfill();if(activity_list[j]is_join==1){contextsetFillStyle(red);}else{contextsetFillStyle(black);}contextsetFontSize(20);contextsetTextAlign(left);letactivity_length=thatzh_length(activity_list[j]activity_name)*10;if(activity_lengthwindowWidth80){vartitle_temp_=utilssub_string(activity_list[j]activity_name,0,30,);contextfillText(title_temp_[str],40,parseInt(activity_height)+j*70);}else{contextfillText(activity_list[j]activity_name,windowWidth2thatzh_length(activity_list[j]activity_name)*102,parseInt(activity_height)+j*70);}}varwxacode_height=activity_height+parseInt(activity_listlength)*70;绘制二维码if(fansi[wxacode])wxdownloadFile({url:fansi[wxacode],仅为示例，并非真实的资源success:function(res){只要服务器有响应数据，就会把响应内容写入文件并进入success回调，业务需要自行判断是否下载到了想要的内容if(resstatusCode===200){contextdrawImage(restempFilePath,(windowWidth150)2,wxacode_height,150,150);contextdraw(true);}}});contextdraw();},** *生命周期函数监听页面初次渲染完成 *onReady:function(){},：代码发出来了，那里有问题啊：额这个我也运行不了啊，我看是看不出问题来：我加您的微信，lyh412285349：你们绘图是在onLoad方法里面吗：我知道原因了：怎么回事：就是这个方法：：那就是说这个方法模拟器和真机有区别：嗯，就是这个意思：打开调试看看报啥错了吗：没有报错：在线急等
更多有关「Canvas绘制文本内容，开发环境正常显示，真机环境不显示」的讨论可以前往微信公开课小程序参与互动哦！