
作者:微信公开课+
作品:微信公开课
地区:全国小程序
标签:教育,工具,微信公开课,资讯
描述:微信公开课是微信官方与小程序行业合作伙伴沟通交流的微信小程序社区,为线下微信小程序公开课的免费授课提供线上的相关服务,包括查阅小程序活动议程、参与小程序活动互动以及回顾小程序课程内容等。
声明:作者对小程序服务信息内容及运营行为等真实性/合法性及有效性承担全部责任
订阅微信公开课小程序
-
小程序canvas组件动态设置高度无效
2019-04-03 15:15:29如何看待微信公开课小程序热门讨论「小程序canvas组件动态设置高度无效」
摘要:小程序canvas组件动态设置高度无效
展开:安卓版本ios都出现过。canvas组件动态设置高度height属性。通过setData设置 -
小程序Canvas组件父级设置textalign:center属性后位置异常居中
2019-04-03 15:15:29如何看待微信公开课小程序热门讨论「小程序Canvas组件父级设置textalign:center属性后位置异常居中」
摘要:小程序Canvas组件父级设置textalign:center属性后位置异常居中
展开:如题,Canvas居中将根据屏幕宽度水平居中。API:1.5.3 -
小程序Canvas组件的wxdrawImage方法是否可以绘制视频
2019-04-03 15:15:29如何看待微信公开课小程序热门讨论「小程序Canvas组件的wxdrawImage方法是否可以绘制视频」
摘要:小程序Canvas组件的wxdrawImage方法是否可以绘制视频
展开:之前h5的canvas标签里面的drawImage方法支持绘制视频帧,但是小程序的canvas组件对应的drawImage方法没有明确说明,是否支持绘制视频, -
小程序canvas组件的方法控制出错
2019-04-03 15:15:29如何看待微信公开课小程序热门讨论「小程序canvas组件的方法控制出错」
摘要:小程序canvas组件的方法控制出错
展开:先前使用canvas组件时,可在绘图方法中随意使用变量控制绘图方向、位置,现在却不能了。比如ctx.moveTo(width/2,height/4);另外,在wxml文件中,使用canvas标签,如果不在标签中设置style属性,canvas绘图就不能显示是我使用这个组件的问题还是IDE升级后有了bug因为我先前已经使用canvas绘制了一个坐标图,一直显示很好,但今天却需要在canvas标签中设置style属性才能正确显示;并且canvas绘图方法的参数不能使用变量控制位置和方向了。 -
小程序canvas绘制图像后在图像上添加文本bug
2019-04-03 15:15:29如何看待微信公开课小程序热门讨论「小程序canvas绘制图像后在图像上添加文本bug」
摘要:小程序canvas绘制图像后在图像上添加文本bug
展开:微信小程序开发中,绘制一个图像,然后再图像上添加文本内容,开发工具中运行效果不显示文本内容。test.wxml内容如下:viewclassclassnamecanvascanvasidbrandCanvasstylewidth:100%//viewtest.js具体代码如下:onReady:function(){varphoneInfowx.getSystemInfoSync();varbrandhello;varctxwx.createCanvasContext(brandCanvas);varpath../../imgs/dog.png;ctx.drawImage(path,0,0,phoneInfo.windowWidth,phoneInfo.windowHeight);ctx.draw();ctx.setFontSize(30);ctx.setFillStyle(ff0000);ctx.fillText(brand,phoneInfo.windowWidth0.3,phoneInfo.windowHeight0.05);ctx.draw(true);},注意代码ctx.draw(true)必须要加参数true以上运行效果在开发工具中不能看到文本内容,但是在真机测试中是OK的! -
小程序canvas绘制圆形问题
2019-04-03 15:15:29如何看待微信公开课小程序热门讨论「小程序canvas绘制圆形问题」
摘要:小程序canvas绘制圆形问题
展开:在1.3版本编译无问题,大于1.3的版本编译就会跑偏图1是在1.3版本编译的,图2是在1.5版本编译的,代码完全一样jsonReady:function(){//创建并返回绘图上下文context对象。constcxt_arcwx.createCanvasContext(canvasCircle);cxt_arc.setLineWidth(6);cxt_arc.setStrokeStyle(eaeaea);//底边框颜色cxt_arc.setLineCap(round);cxt_arc.beginPath();cxt_arc.arc(100,100,60,0,2Math.PI,false);cxt_arc.stroke();cxt_arc.draw();},wxmlviewclasscircleboxcanvasclasscirclestylezindex:99;canvasidcanvasCircle/canvas/viewwxss.circlebox{textalign:center;height:200px;width:200px;margin:0auto;padding:0.1rpx;position:relative;}.circle{position:absolute;left:0;top:0;width:200px;height:200px;} -
小程序canvas绘制影院座位图ios卡顿
2019-04-03 15:15:29如何看待微信公开课小程序热门讨论「小程序canvas绘制影院座位图ios卡顿」
摘要:小程序canvas绘制影院座位图ios卡顿
展开:用canvas实现的影院座位图,缩放、拖动,在安卓上非常流畅,但是ios卡的不要不要的 -
小程序canvas绘制进度环,同一个canvasid绘制两条颜色不一样的环,模拟器正常
2019-04-03 15:15:29如何看待微信公开课小程序热门讨论「小程序canvas绘制进度环,同一个canvasid绘制两条颜色不一样的环,模拟器正常」
摘要:小程序canvas绘制进度环,同一个canvasid绘制两条颜色不一样的环,模拟器正常
展开:结果安卓机上下两层颜色是反的,代码ctx.beginPath();ctx.arc(countwidth/2,countwidth/2,countwidth/215,0,2Math.PI,false);ctx.setLineWidth(6);ctx.setStrokeStyle(colorarr[0]);ctx.stroke();//Drawarcctx.beginPath();ctx.arc(countwidth/2,countwidth/2,countwidth/215,0.5Math.PI,0.1Math.PI,false);ctx.setLineWidth(6);ctx.setStrokeStyle(colorarr[1]);ctx.stroke();ctx.beginPath()ctx.arc(countwidth/2,countwidth15,6,0,2Math.PI)ctx.setFillStyle(red)ctx.fill();ctx.draw()