微信公开课
微信公开课小程序热门讨论关于「微信小程序开发setStrokeStyle设置为渐变色之后就无法再设置其他颜色了」的小程序开发问题
补充:当前Bug的表现(可附上截图)setStrokeStyle设置为渐变色,然后新建路径再设置为其他颜色,不生效预期表现新建路径后setStrokeStyle可以任意设置为其他颜色复现路径setStrokeStyle设置为渐变色画一个曲线
展开:当前Bug的表现setStrokeStyle设置为渐变色,然后新建路径再设置为其他颜色,不生效预期表现新建路径后setStrokeStyle可以任意设置为其他颜色复现路径setStrokeStyle设置为渐变色画一个曲线新建路径设置其他颜色再画一条线,此时新路径颜色仍然是渐变色(开发工具正常,真机有bug)提供一个最简复现Demo表盘constgrd=ctxcreateLinearGradient(0,ctxWidth2,ctxWidth,ctxWidth2)grdaddColorStop(0,2ce2fa)grdaddColorStop(1,a433fd)ctxbeginPath();ctxarc(ctxWidth2,ctxWidth2,ctxWidth*4,13*MathPI,03*MathPI)ctxsetLineWidth(5)ctxsetStrokeStyle(grd)ctxstroke()刻度ctxtranslate(ctxWidth2,ctxWidth2);ctxlineWidth=1;for(leti=0;i<=100;i++){ctxsave()ctxbeginPath();if(i<50){ctxrotate((225+i*27)*MathPI180);}else{ctxrotate((i50)*27*MathPI180);}letstartY=ctxWidth2+14;if(i%10===0){startY=ctxWidth2+8;}ctxmoveTo(0,startY);ctxlineTo(0,ctxWidth2+20);if(i<10){ctxsetStrokeStyle(2ce1fa);}elseif(i<15){ctxsetStrokeStyle(38d1fa);}elseif(i<25){ctxsetStrokeStyle(3ec8fb);}elseif(i<50){ctxsetStrokeStyle(4ab6fa);}elseif(i<75){ctxsetStrokeStyle(688afc)}elseif(i<85){ctxsetStrokeStyle(855ffc)}elseif(i<90){ctxsetStrokeStyle(924dfd)}else{ctxsetStrokeStyle(9844fd)}ctxstroke();ctxrestore()}ctxdraw()上面代码话了一个渐变色的表盘和多种颜色的刻度,结果刻度颜色无法正常设置,只要将绘制顺序调整成先画刻度再话表盘就没问题,初步定位问题是因为setStrokeStyle方法设置为渐变色之后无法正常重置即速小程序:麻烦提供出现问题的机型和微信版本,以及能复现问题的代码片段(https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml)
更多有关「微信小程序开发setStrokeStyle设置为渐变色之后就无法再设置其他颜色了」的讨论可以前往微信公开课小程序参与互动哦!了解更多
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「微信小程序开发setStrokeStyle设置为渐变色之后就无法再设置其他颜色了」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「微信小程序开发setStrokeStyle设置为渐变色之后就无法再设置其他颜色了」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「微信小程序开发setStrokeStyle设置为渐变色之后就无法再设置其他颜色了」
微信公开课小程序热门讨论「微信小程序开发setStrokeStyle设置为渐变色之后就无法再设置其他颜色了」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「微信小程序开发setStrokeStyle设置为渐变色之后就无法再设置其他颜色了」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。