地图路径频繁绘制
- 当前 Bug 的表现(可附上截图) [图片] - 预期表现 框架使用的是mpvue 版本 1.0.11 底部的倒计时是使用canvas绘制的,而上面的地图是使用小程序原生map组件,并且做了路径规划(使用的是腾讯地图小程序sdk),下面是watch,观察路径变化,当我加入console后,发现控制台只输出了两次1,也就是路径规划并没有重复绘制 [代码]watch: {[代码][代码] [代码][代码]routeDriving() {[代码][代码] [代码][代码]console.log(1);[代码][代码] [代码][代码]this[代码][代码].polyline[0].points = [代码][代码]this[代码][代码].routeDriving;[代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码] 控制台打印输出 [图片] map组件与canvas组件以及canvas绘制方法 [代码]<[代码][代码]map[代码] [代码]id[代码][代码]=[代码][代码]"map"[代码] [代码]scale[代码][代码]=[代码][代码]"16"[代码] [代码]show-location [代码][代码]:include-points[代码][代码]=[代码][代码]"polyline[0].points"[代码] [代码]:longitude[代码][代码]=[代码][代码]"location && location.longitude || ''"[代码] [代码]:latitude[代码][代码]=[代码][代码]"location && location.latitude || ''"[代码] [代码]:markers[代码][代码]=[代码][代码]"markers"[代码] [代码]:polyline[代码][代码]=[代码][代码]"polyline"[代码][代码]>[代码][代码]</[代码][代码]map[代码][代码]>[代码][代码]<[代码][代码]canvas[代码] [代码]canvas-id[代码][代码]=[代码][代码]"notice"[代码] [代码]:style[代码][代码]=[代码][代码]"'width:' + cWidth + 'px;height:' + cHeight + 'px'"[代码][代码]></[代码][代码]canvas[代码][代码]>[代码] [代码]setInterval(() => {[代码] [代码] [代码][代码]this[代码][代码]._draw();[代码][代码]}, 20);[代码] 动画绘制过程使用的是定时器,但是奇怪的是map组件中的路径规划会跟随定时器一起执行,造成反复绘制,频率与定时器一致