
作者:微信公开课+
作品:微信公开课
地区:全国小程序
标签:教育,工具,微信公开课,资讯
描述:微信公开课是微信官方与小程序行业合作伙伴沟通交流的微信小程序社区,为线下微信小程序公开课的免费授课提供线上的相关服务,包括查阅小程序活动议程、参与小程序活动互动以及回顾小程序课程内容等。
声明:作者对小程序服务信息内容及运营行为等真实性/合法性及有效性承担全部责任
订阅微信公开课小程序
-
canvaswx:if
2019-03-15 18:16:34微信公开课小程序热门讨论关于「canvaswx:if」的小程序开发问题
补充:canvas用wx:if条件满足后不能显示微信者回复开发者回复代码看看
展开:canvas用wx:if条件满足后不能显示即速小程序:代码看看
更多有关「canvaswx:if」的讨论可以前往微信公开课小程序参与互动哦! -
canvas不支持width和height属性
2019-03-15 18:16:34微信公开课小程序热门讨论关于「canvas不支持width和height属性」的小程序开发问题
补充:现在小程序的canvas只支持style的width和height,不支持标签的width和height这两个有很大区别,标签的width和height表示画布的大小,style表示页面上显示的大小显示大小不等同于画布大小最直接的影响就是2倍和3倍
展开:现在小程序的canvas只支持style的width和height,不支持标签的width和height这两个有很大区别,标签的width和height表示画布的大小,style表示页面上显示的大小显示大小不等同于画布大小最直接的影响就是2倍和3倍屏的优化,画布大小至少要是显示大小的2倍或则3倍即速小程序:麻烦给个相关的代码片段(https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml),我们定位下问题
更多有关「canvas不支持width和height属性」的讨论可以前往微信公开课小程序参与互动哦! -
canvas中的rotate是不是不能影响到lineTo
2019-03-15 18:16:34微信公开课小程序热门讨论关于「canvas中的rotate是不是不能影响到lineTo」的小程序开发问题
补充:当前Bug的表现(可附上截图)结果如下预期表现在h5中没问题复现路径提供一个最简复现Democanvascanvasid=myCanvasstyle=width:180rpx;height:180rpx;canvas绘制五边形constc
展开:当前Bug的表现结果如下预期表现在h5中没问题复现路径提供一个最简复现Demo<canvascanvasid=myCanvasstyle=width:180rpx;height:180rpx;<canvas绘制五边形constctx=wxcreateCanvasContext(myCanvas);ctxbeginPath();ctxtranslate(45,45);ctxmoveTo(0,0);ctxlineTo(0,45);for(vari=0;i<5;i++){ctxrotate(72*MathPI180);ctxlineTo(0,45);}ctxstroke();ctxdraw();即速小程序:直接360度圆分5份,然后用sin,cos求每个边的x,y轴坐标,然后连起来不就行了,不需要用这么复杂的旋转坐标:请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml)
更多有关「canvas中的rotate是不是不能影响到lineTo」的讨论可以前往微信公开课小程序参与互动哦! -
canvas动态设置高度
2019-03-15 18:16:34微信公开课小程序热门讨论关于「canvas动态设置高度」的小程序开发问题
补充:当前Bug的表现(可附上截图)我在js中的data里设置height:650px这个是最大的高度,而在onshow中读取图片,设置文字,这些高度都是变化的,所以我用dynamic_height来指示实际也就是最后的canvas高度,而在有些
展开:当前Bug的表现我在js中的data里设置height:650px这个是最大的高度,而在onshow中读取图片,设置文字,这些高度都是变化的,所以我用dynamic_height来指示实际也就是最后的canvas高度,而在有些情况下,canvas的高度是650px而不是在onshow中动态设置的高度预期表现这个是正常的图片bug后的图片会比这个高,但是下面有一部分是空白我在onload中设置了这个canvas要显示什么文字,在onshow中用wxgetImageInfo获取了图片的高度,在success方法中,通过res来获取图片的高度,并得到整个图片的高度,最后用thissetdata设置高度提供一个最简复现Demo<!这里是wxml<canvascanvasid=shareCanvasstyle=width:400px;height:{{height}};<canvas这里是onshow函数,可以看到有dynamic_height=dynamic_height+const这种的语句,用来增加图片高度在onshow中我还用了fillrect来绘制一个大的矩形作为背景,其高度也是固定的onShow:function(){letself=thisconsolelog(thisdatastuffnamelength)wxgetImageInfo({src:selfdatasrc,success(res){constctx=wxcreateCanvasContext(shareCanvas)conststuffnamewidth=ctxmeasureText(selfdatastuffname)ctxsetFillStyle(FFFFFF)ctxfillRect(0,0,400,700)ctxsetTextBaseline(top)vardynamic_height=pic_name+17varstuffname=selfdatastuffnamevarchr=stuffnamesplit();vartemp=;varrow=[];ctxsetFontSize(33)ctxsetFillStyle(black)for(varb=0;b<rowlength;b++){ctxsetFontSize(33)ctxsetFillStyle(black)ctxfillText(row[b],20,pic_name+10+b*40);dynamic_height=dynamic_height+40}ctxsetFontSize(27)ctxsetFillStyle(black)if(selfdataqq!=null&&selfdataqq!=null&&selfdataqq!=){ctxsetFontSize(27)ctxsetFillStyle(black)ctxfillText(请联系QQ:+selfdataqq,20,dynamic_height)dynamic_height=dynamic_height+40}elseif(selfdataphone!=null&&selfdataphone!=null&&selfdataphone!=){ctxsetFontSize(27)ctxsetFillStyle(black)ctxfillText(请联系手机:+selfdataphone,20,dynamic_height)dynamic_height=dynamic_height+40}ctxsetFontSize(17)ctxsetFillStyle(gray)ctxfillText(selfdatatime+发布,20,dynamic_height3)dynamic_height=dynamic_height+25ctxmoveTo(20,dynamic_height)ctxlineTo(380,dynamic_height)ctxsetStrokeStyle(gray)ctxstroke()dynamic_height=dynamic_height+15ctxdrawImage(iconcodejpg,20,dynamic_height,100,100)dynamic_height+=115selfsetData({height:dynamic_height+px})ctxdraw(false,function(){3canvas画布转成图片wxcanvasToTempFilePath({canvasId:shareCanvas,quality:1,success(res){selfsetData({filePath:restempFilePath,})selfsave()}})})consolelog(selfdatafilePath)}})},即速小程序:selfsetData({height:dynamic_height+px},()={ctxdrawxxxxxxx})这样可以吗
更多有关「canvas动态设置高度」的讨论可以前往微信公开课小程序参与互动哦! -
canvas在请求成功后,开发工具和安卓能显示,ios不显示canvas
2019-03-15 18:16:34微信公开课小程序热门讨论关于「canvas在请求成功后,开发工具和安卓能显示,ios不显示canvas」的小程序开发问题
补充:canvas在请求成功后开始绘画,开发工具和安卓能显示,ios不显示canvas
展开:canvas在请求成功后开始绘画,开发工具和安卓能显示,ios不显示canvas
更多有关「canvas在请求成功后,开发工具和安卓能显示,ios不显示canvas」的讨论可以前往微信公开课小程序参与互动哦! -
canvas如何生成中心圆的正方形型图片而且背景要白色
2019-03-15 18:16:34微信公开课小程序热门讨论关于「canvas如何生成中心圆的正方形型图片而且背景要白色」的小程序开发问题
补充:生成如下如图片1保存后图片为白底(开发工具中默认为白色,手机上是黑色的)微信者回复开发者回复developersweixinqqcoms7hFT4Mmv726T需要填写测试id开发者回复fillRectarcfil
展开:生成如下如图片 1保存后图片为白底(开发工具中默认为白色,手机上是黑色的)即速小程序:https:developersweixinqqcoms7hFT4Mmv726T 需要填写测试id:fillRectarcfilldrawwxcanvasToTempFilePath(在draw回调里面调用)
更多有关「canvas如何生成中心圆的正方形型图片而且背景要白色」的讨论可以前往微信公开课小程序参与互动哦! -
canvas怎么绘制两个圆
2019-03-15 18:16:34微信公开课小程序热门讨论关于「canvas怎么绘制两个圆」的小程序开发问题
补充:canvas怎么绘制两个圆
展开:canvas怎么绘制两个圆
更多有关「canvas怎么绘制两个圆」的讨论可以前往微信公开课小程序参与互动哦! -
input输入框添加删除按钮,真机focus时无法删除,开发者工具没问题
2019-03-15 18:16:34微信公开课小程序热门讨论关于「input输入框添加删除按钮,真机focus时无法删除,开发者工具没问题」的小程序开发问题
补充:原贴input输入框中添加删除按钮真机光标显示时无效|微信开放社区developersweixinqqcomcommunitydevelopdoc0000628ff7c898aa8f07e85b75b800highline=input%E8%BE%93%E5%85%A5%E6%A1%86%E6%
展开:【原贴】input输入框中添加删除按钮真机光标显示时无效|微信开放社区https:developersweixinqqcomcommunitydevelopdoc0000628ff7c898aa8f07e85b75b800?highline=input%E8%BE%93%E5%85%A5%E6%A1%86%E6%B7%BB%E5%8A%A0%E5%88%A0%E9%99%A4%E6%8C%89%E9%92%AE%EF%BC%8C%E7%9C%9F%E6%9C%BA原贴官方工作人员不理我,只能再问多一次……检查过打叉的按钮没有覆盖输入框,开发者工具测试没有问题1、真机测试点击打叉,输入面板收回,但是内容没有清空2、在步骤1的情况下,再次点击按钮,可以清空或者手动收入输入法面板,点击按钮,可以清空ios、安卓均有问题即速小程序:麻烦提供出现问题的机型和微信版本,以及能复现问题的代码片段(https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml):大概真机上input的blur事件比其他点击事件层级高
更多有关「input输入框添加删除按钮,真机focus时无法删除,开发者工具没问题」的讨论可以前往微信公开课小程序参与互动哦!