微信公开课
微信公开课小程序热门讨论关于「微信小程序canvasbug」的小程序开发问题
补充:当前Bug的表现(可附上截图)预期表现复现路径提供一个最简复现Demo当前Bug的表现(可附上截图)预期表现复现路径两个圆底部之间的连线在小程序中丢失;bug代码部分,h5中会有两个圆底部连线
展开:当前Bug的表现预期表现复现路径提供一个最简复现Demo当前Bug的表现预期表现复现路径两个圆底部之间的连线在小程序中丢失;bug代码部分,h5中会有两个圆底部连线小程序中没有contextrotate(angle);contextlineTo(0,l+r);提供一个最简复现Demo要画的边数m 半径r 便宜的坐标xy 开始的角度start 立中心的距离l<canvasstyle=width:500px;height:500px;canvasid=firstCanvasclass=canvas<canvas varcontext=wxcreateCanvasContext(firstCanvas);drawPath(250,250,9,35,90,200);functiondrawPath(x,y,m,r,start,l){contextsetStrokeStyle(red)contexttranslate(x,y);varangle=MathPI*2m;varstartAngle=start*MathPI*2360;varendAngle=(start+360)*MathPI*2360;for(vari=0;i<m;i++){contextbeginPath();contextarc(0,l,r,startAngle,endAngle);contextstroke();contextrestore();返回原始状态contextrotate(angle);contextlineTo(0,l+r);contextlineTo(0,0);vargradient=contextcreateLinearGradient(0,0,170,0);gradientaddColorStop(0,D0A641);gradientaddColorStop(05,blue);gradientaddColorStop(10,red);用渐变进行填充contextshadowBlur=10;contextshadowColor=D0A641;contextstrokeStyle=gradient;contextlineWidth=5;contextstroke();}contextdraw();}还有一个问题能不能拿到当前context画笔当前的坐标(x,y),有没有这样的api或者如何获取当前画笔坐标而且真机测试微信扫码微信端会崩溃跳转不到页面微信version703即速小程序:请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml)
更多有关「微信小程序canvasbug」的讨论可以前往微信公开课小程序参与互动哦!了解更多