
作者:微信公开课+
作品:微信公开课
地区:全国小程序
标签:教育,工具,微信公开课,资讯
描述:微信公开课是微信官方与小程序行业合作伙伴沟通交流的微信小程序社区,为线下微信小程序公开课的免费授课提供线上的相关服务,包括查阅小程序活动议程、参与小程序活动互动以及回顾小程序课程内容等。
声明:作者对小程序服务信息内容及运营行为等真实性/合法性及有效性承担全部责任
订阅微信公开课小程序
-
canvas第二次draw不会触发回调
2019-03-15 16:54:37微信公开课小程序热门讨论关于「canvas第二次draw不会触发回调」的小程序开发问题
补充:canvas第二次draw不会触发回调,当前Bug的表现(可附上截图)第二次draw不会触发回调预期表现每次draw都能出现回调复现路径提供一个最简复现Demodevelope
展开:问题模块框架类型问题类型API组件名称终端类型微信版本基础库版本API和组件小程序Bugcanvasdraw客户端653200当前Bug的表现第二次draw不会触发回调预期表现每次draw都能出现回调复现路径提供一个最简复现Demohttps:developersweixinqqcomsMj5Jtamm7g4A代码片段https:developersweixinqqcomsMj5Jtamm7g4A即速小程序:同样遇到ctxdraw()偶发性未触发回调结果没有画出内容请官方关注
更多有关「canvas第二次draw不会触发回调」的讨论可以前往微信公开课小程序参与互动哦! -
canvas绘制出现锯齿
2019-03-15 16:54:37微信公开课小程序热门讨论关于「canvas绘制出现锯齿」的小程序开发问题
补充:使用canvas绘制的时候出现锯齿微信者回复开发者回复请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(developersweixinqqcomminiprogramdevdevtoolsminicode)
展开:使用canvas绘制的时候出现锯齿即速小程序:请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml)
更多有关「canvas绘制出现锯齿」的讨论可以前往微信公开课小程序参与互动哦! -
Canvas绘制文本内容,开发环境正常显示,真机环境不显示
2019-03-15 16:54:37微信公开课小程序热门讨论关于「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绘制文本内容,开发环境正常显示,真机环境不显示」的讨论可以前往微信公开课小程序参与互动哦! -
catchtouchstart会导致子元素bindtap失效
2019-03-15 16:54:37微信公开课小程序热门讨论关于「catchtouchstart会导致子元素bindtap失效」的小程序开发问题
补充:catchtouchstart会导致子元素bindtap失效
展开:当前Bug的表现父元素添加catchtouchstart后,子元素的bindtap失效预期表现父元素添加catchtouchstart后,子元素的bindtap应该正常触发问题是bug还是我哪里理解不对即速小程序:你父元素包裹了子元素,catchtouchstart点击事件响应的肯定是父元素啊如果你用bindtap他就是父元素和子元素都响应你可以父子两个都用catchtouchstart:没有官方的回复:如果你是想要让父元素移动的时候,阻止页面同时滚动,并且想要子元素的点击事件正常工作的话这样设置:【父元素】bind:touchstart、catch:touchmove、bind:touchend【子元素】bindtap、catchtap均可:bindtap不会阻止冒泡,所以你懂得
更多有关「catchtouchstart会导致子元素bindtap失效」的讨论可以前往微信公开课小程序参与互动哦! -
catchtouchstart触发不了问题
2019-03-15 16:54:37微信公开课小程序热门讨论关于「catchtouchstart触发不了问题」的小程序开发问题
补充:catchtouchstart触发不了问题,viewcatchtouchstart=bindViewTapcatchtouchend=touchen
展开:问题模块框架类型问题类型API组件名称终端类型微信版本基础库版本API和组件小程序Bugcatchtouchstart客户端随便随便<viewcatchtouchstart=bindViewTapcatchtouchend=touchendcatchtouchmove=touchmovebindViewTap:function(data){consolelog(1)}同时点击次数bug五只手指一个一个的点击,同时在屏幕上不能松开,到了第6只手指点的时候,触发不了事件了,只能5次即速小程序:请问下是什么场景下需要这操作呢
更多有关「catchtouchstart触发不了问题」的讨论可以前往微信公开课小程序参与互动哦! -
checkbox的checked属性
2019-03-15 16:54:37微信公开课小程序热门讨论关于「checkbox的checked属性」的小程序开发问题
补充:checkbox的checked属性,当前Bug的表现(可附上截图)预期表现chenked=false时,不选中复现路径提供一个最简复现Demo
展开:问题模块框架类型问题类型API组件名称终端类型微信版本基础库版本API和组件小程序Bugcheckbox客户端673200当前Bug的表现预期表现chenked=false时,不选中复现路径提供一个最简复现Demo即速小程序:Boolean(“false”)==true你要用“{{false}}”:谢谢:楼上说的对~wxml里的布尔值,都要用{{}}包起来:是在wxml里用checked={{false}},不是在js里这么写wxmlchecked={{checked}}jschecked:false:刚开始学习这块,这个问题自己看错了谢谢你这个height都设置100%,为什么背景没铺满整个屏幕我搜了一下需要加一句page{height:100%}:恩恩~其实在调试器的wxml看,外面有一层page~不在自己写的wxml里:这个是吧,感谢解惑:对对对
更多有关「checkbox的checked属性」的讨论可以前往微信公开课小程序参与互动哦! -
chooseFile接口大概什么时候提供呢
2019-03-15 16:54:37微信公开课小程序热门讨论关于「chooseFile接口大概什么时候提供呢」的小程序开发问题
补充:chooseFile接口大概什么时候提供呢,我看了很多帖子,看到很多开发者跟我一样希望能够直接从小程序里上传手机本地的图片半年前有官方人员回复一个帖子时说会提供一个chooseFile接口,请问现在的进
展开:问题模块框架类型问题类型API组件名称终端类型微信版本基础库版本API和组件小程序需求chooseFile客户端667240我看了很多帖子,看到很多开发者跟我一样希望能够直接从小程序里上传手机本地的图片半年前有官方人员回复一个帖子时说会提供一个chooseFile接口,请问现在的进展怎么样,有个大概的提供时间吗帖子如下:https:developersweixinqqcomcommunitydevelopdoc0004c8544f86387b8e87468905b000
更多有关「chooseFile接口大概什么时候提供呢」的讨论可以前往微信公开课小程序参与互动哦! -
chooseImage引起的微信闪退严重bug
2019-03-15 16:54:37微信公开课小程序热门讨论关于「chooseImage引起的微信闪退严重bug」的小程序开发问题
补充:chooseImage引起的微信闪退严重bug,当前Bug的表现(可附上截图)微信闪退,严重bug预期表现复现路径以下四个条件缺一不可:1、我用的iphone6,iOS114
展开:问题模块框架类型问题类型API组件名称终端类型微信版本基础库版本API和组件小程序BugchooseImage客户端673241当前Bug的表现微信闪退,严重bug预期表现复现路径以下四个条件缺一不可:1、我用的iphone6,iOS1141;2、打开手机的iCloud,本地手机保存的图片是优化版的;3、关闭手机的所有网络,包括wifi和移动网络;4、chooseImage参数的取值是compressed、album在手机上选择图片时,此处别让原图片下载到本地,直接选择优化版图片,点击“完成”就会导致微信闪退提供一个最简复现Demowxml:<buttonbindtap=selectImgaddimage<buttonjs:selectImg:function(){wxchooseImage({count:1,sizeType:[compressed],sourceType:[album],success(res){consolelog(successchoosefile);},fail(){consolelog(failchoosefile);}});}即速小程序:你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml)
更多有关「chooseImage引起的微信闪退严重bug」的讨论可以前往微信公开课小程序参与互动哦!