
作者:微信公开课+
作品:微信公开课
地区:全国小程序
标签:教育,工具,微信公开课,资讯
描述:微信公开课是微信官方与小程序行业合作伙伴沟通交流的微信小程序社区,为线下微信小程序公开课的免费授课提供线上的相关服务,包括查阅小程序活动议程、参与小程序活动互动以及回顾小程序课程内容等。
声明:作者对小程序服务信息内容及运营行为等真实性/合法性及有效性承担全部责任
订阅微信公开课小程序
-
微信小程序开发canvans转图片,不清晰且文字错位,这个是怎么回事,该怎么解决呢
2019-03-15 16:54:37微信公开课小程序热门讨论关于「微信小程序开发canvans转图片,不清晰且文字错位,这个是怎么回事,该怎么解决呢」的小程序开发问题
补充:微信canvans转图片,不清晰且文字错位,这个是怎么回事,该怎么解决呢
展开:当前Bug的表现预期表现复现路径提供一个最简复现DemosaveImgToPhotosAlbumTap(e){保存varobj=ecurrentTargetdatasetobj;varthat=this;varunit=thatdatascreenWidth3752canvas绘制文字和图片constctx=wxcreateCanvasContext(share);varbgImgPath=thatdatashareImgSrc;varhead_pic=objcert_picturethatsetData({ canvasHidden:false})这里很重要,主要就是布局ctxdrawImage(bgImgPath,0,0,thatdatascreenWidth,500);if(head_pic){宽度1001个百分比宽度多少*占的比例letx=thatdatawindowWidth100*44160ctxdrawImage(head_pic,x,203,50,80);}ctxsetFontSize(10)ctxsetFillStyle(000)ctxfillText(objstudent_name,thatdatawindowWidth100*2213,427)83427ctxfillText(objstudent_position,thatdatawindowWidth100*4906,427);184ctxfillText(objpark_name,thatdatawindowWidth100*7333,427);275ctxfillText(objtrain_name,thatdatawindowWidth100*24,450);90ctxfillText(objscore,thatdatawindowWidth100*2533,474);95ctxfillText(objnumber,thatdatawindowWidth100*2133,495);80ctxfillText(objcreated_at,thatdatawindowWidth100*1413,535);53ctxstroke()ctxdraw(false,function(){3canvas画布转成图片wxcanvasToTempFilePath({x:0,y:0,width:thatdatascreenWidth,height:thatdatawindowHeight,destWidth:thatdatascreenWidth,destHeight:thatdatawindowHeight,canvasId:share,success:function(res){thatsetData({shareImgSrc:restempFilePath})if(!restempFilePath){wxshowModal({title:提示,content:图片绘制中,请稍后重试,showCancel:false})}将图片保存到相册wxsaveImageToPhotosAlbum({filePath:thatdatashareImgSrc,success(res){wxshowModal({title:提示,content:确定要保存这张图片吗,showCancel:false,confirmText:确定,success:function(res){if(resconfirm){consolelog(用户点击确定);}thatsetData({canvasHidden:true})}})}})},fail:function(res){consolelog(res)}})});},即速小程序:有无出问题的示例图片和canvas截图效果
更多有关「微信小程序开发canvans转图片,不清晰且文字错位,这个是怎么回事,该怎么解决呢」的讨论可以前往微信公开课小程序参与互动哦! -
微信小程序开发CanvasfillText中文破折号显示为两个-
2019-03-15 16:54:37微信公开课小程序热门讨论关于「微信小程序开发CanvasfillText中文破折号显示为两个-」的小程序开发问题
补充:微信CanvasfillText中文破折号显示为两个,当前Bug的表现(可附上截图)使用canvas的fillText去写字在canvas上,字当中有中文破折号(中文模式下shift“”),显示在canvas
展开:问题模块框架类型问题类型API组件名称终端类型微信版本基础库版本API和组件小程序BugCanvasContextfillText(stringtext,numberx,numbery,numbermaxWidth)客户端673240当前Bug的表现使用canvas的fillText去写字在canvas上,字当中有中文破折号(中文模式下shift+“”),显示在canvas上却变成了分开的两个英文破折号,见截图预期表现应该显示中文破折号复现路径提供一个最简复现Demo*创建canvas画布*constctx=wxcreateCanvasContext(shareImg2)ctxfont=10pxArial;ctxsetFillStyle(white)ctxsetFontSize(225)ctxsetTextAlign(center)ctxfillText(我已经掌握了课程,187,135)ctxsave();ctxrestore();*绘制*ctxdraw();
更多有关「微信小程序开发CanvasfillText中文破折号显示为两个-」的讨论可以前往微信公开课小程序参与互动哦! -
微信小程序开发canvas样式继承错乱的bug
2019-03-15 16:54:37微信公开课小程序热门讨论关于「微信小程序开发canvas样式继承错乱的bug」的小程序开发问题
补充:微信canvas样式继承错乱的bug
展开:当前Bug的表现从上往下多次执行save和restore,但每次执行,都有可能出现save和restore之间设置的样式,被下一个区间的的绘图所继承下面这个是执行正常的画图:下面这个是执行不正常的画图,“苏打绿”的字体大小不知道继承的哪的:提供一个最简复现Democonstctx=wxcreateCanvasContext(myCanvas)背景图片ctxsave()ctxdrawImage(res[0]path,0,0,750,1334)ctxrestore()日期ctxsave()ctxsetTextBaseline(top)ctxfillStyle=FFFFFFctxfont=normalnormalboldnormal120pxDINAlternatectxfillText(postertimeday,59,67)ctxrestore()月份和年份ctxsave()ctxsetTextBaseline(top)ctxfillStyle=FFFFFFctxfont=normalnormalnormalnormal24pxDINAlternatectxfillText(postertimemonth++postertimeyear,69,198)ctxrestore()一句话ctxsave()ctxsetTextBaseline(top)ctxfillStyle=FFFFFFctxfont=normalnormalboldnormal32pxPingFangSCctxfillText(postertextstr,64,257)ctxrestore()一句话下面的横线ctxsave()ctxsetStrokeStyle(ffffff)ctxsetLineWidth(4)ctxbeginPath()ctxmoveTo(64,346)ctxlineTo(120,346)ctxstroke()ctxrestore()一句话来源ctxsave()ctxsetTextBaseline(top)ctxfillStyle=rgba(255,255,255,64)ctxfont=normalnormalboldnormal24pxPingFangSCctxfillText(postertextsource,64,386)ctxrestore()绘图ctxdraw()即速小程序:你要是设置了字体的大小就不会这样了setFontSize
更多有关「微信小程序开发canvas样式继承错乱的bug」的讨论可以前往微信公开课小程序参与互动哦! -
微信小程序开发canvas绘制海报预览异常
2019-03-15 16:54:37微信公开课小程序热门讨论关于「微信小程序开发canvas绘制海报预览异常」的小程序开发问题
补充:微信canvas绘制海报预览异常,当前Bug的表现(可附上截图)canvas绘制海报的时候开发工具显示正常,手机真机调试显示正常,但是手机预览的时候图片都加载不出来预期表现复现路径提供一
展开:问题模块框架类型问题类型操作系统工具版本开发者工具小游戏BugWindows1810250当前Bug的表现canvas绘制海报的时候开发工具显示正常,手机真机调试显示正常,但是手机预览的时候图片都加载不出来预期表现复现路径提供一个最简复现Demo即速小程序:真机上要画网络图片的话,需要getImageInfo或者downloadFile将图片下载下来,才能绘制如果你确实下载了的,请检查是否加了downloadFile白名单的
更多有关「微信小程序开发canvas绘制海报预览异常」的讨论可以前往微信公开课小程序参与互动哦! -
微信小程序开发chooseAudio
2019-03-15 16:54:37微信公开课小程序热门讨论关于「微信小程序开发chooseAudio」的小程序开发问题
补充:微信chooseAudio,chooseAudio,希望能添加选择音频的接口
展开:问题模块框架类型问题类型API组件名称终端类型微信版本基础库版本API和组件小程序需求chooseAudio客户端653200chooseAudio,希望能添加选择音频的接口即速小程序:这个是因为小程序什么需求呢:上传录音文件,小程序的录音有60s限制,而且使用场景不适合现场录制
更多有关「微信小程序开发chooseAudio」的讨论可以前往微信公开课小程序参与互动哦! -
微信小程序开发chooseFile这个api之前说9月底出,现在都11月中旬了,还没有
2019-03-15 16:54:37微信公开课小程序热门讨论关于「微信小程序开发chooseFile这个api之前说9月底出,现在都11月中旬了,还没有」的小程序开发问题
补充:微信chooseFile这个api之前说9月底出,现在都11月中旬了,还没有,chooseFile这个api之前说9月底出,现在都11月中旬了,请问现在还没有上线附上链接developersweixinqqco
展开:问题模块框架类型问题类型API组件名称终端类型微信版本基础库版本API和组件小程序需求wxchooseFile工具673240chooseFile这个api之前说9月底出,现在都11月中旬了,请问现在还没有上线吗附上链接https:developersweixinqqcomcommunitydevelopdoc0000acd35b4ca871bb47ff78851000即速小程序:不好意思,由于技术实现问题选择文件API延后发布,请留意后续的更新日志https:developersweixinqqcomminiprogramdevframeworkreleasehtml:楼主借个地方,官方人员啊,我发了两个贴了,怎么都没回复啊,我就想问问我的小程序审核究竟如何了,已经8个工作日了,wx7c54b3bb3d9f8bd3,回我一下也行啊:基础库240的好像文档没看到这个API,跳票了:跟官方谈需求
更多有关「微信小程序开发chooseFile这个api之前说9月底出,现在都11月中旬了,还没有」的讨论可以前往微信公开课小程序参与互动哦! -
微信小程序开发chooseVideo上传视频时真机返回视频缩略图
2019-03-15 16:54:37微信公开课小程序热门讨论关于「微信小程序开发chooseVideo上传视频时真机返回视频缩略图」的小程序开发问题
补充:微信chooseVideo上传视频时真机返回视频缩略图,我记得这个接口是有一个thumbTempFilePath返回字段作为视频的封面图的然而上发版之后突然发现这个字段它没了所以官方们~大佬们~谁能告诉
展开:问题模块框架类型问题类型API组件名称终端类型微信版本基础库版本API和组件小程序BugchooseVideo客户端673232我记得这个接口是有一个thumbTempFilePath返回字段作为视频的封面图的然而上发版之后突然发现这个字段它没了所以官方们~大佬们~谁能告诉我我们生产上到底有没有这个封面图返回字段如果有它到底叫啥如果没有官方们还准备让它有吗即速小程序:这就是微信开发文档恶心的地方了,描述与现实并不一定相符https:developersweixinqqcomcommunitydevelopdoc000c6eba1909c8880697825365b000?highLine=thumbTempFilePath暂时先在后台截吧
更多有关「微信小程序开发chooseVideo上传视频时真机返回视频缩略图」的讨论可以前往微信公开课小程序参与互动哦! -
微信小程序开发circular控制轮播图衔接无效
2019-03-15 16:54:37微信公开课小程序热门讨论关于「微信小程序开发circular控制轮播图衔接无效」的小程序开发问题
补充:微信circular控制轮播图衔接无效,复制官方api中的swiper,当设置circular为true时,轮播图首尾不能衔接滚动工具中和手机测试都不可以
展开:问题模块框架类型问题类型API组件名称终端类型微信版本基础库版本API和组件小程序Bugswiper工具673204复制官方api中的swiper,当设置circular为true时,轮播图首尾不能衔接滚动工具中和手机测试都不可以代码片段https:developersweixinqqcomsbW1OwWm37J3w即速小程序:光在js里面写,不在wxml渲染有啥用你要在wxml里面渲染这个属性啊:多谢老铁,我刚刚开始学小程序:没事,客气了
更多有关「微信小程序开发circular控制轮播图衔接无效」的讨论可以前往微信公开课小程序参与互动哦!