ctx2.save();
??? ctx2.globalAlpha = 0.6;
??? ctx2.lineWidth = 20;
??? ctx2.lineCap = "round";
??? ctx2.strokeStyle = "#3b154e";
??? for (var i = 0; i < this.num;i++)
??? {
??????? ctx2.beginPath();
??????? ctx2.moveTo(this.x[i], canHeight);
??????? ctx2.lineTo(this.x[i], canHeight - this.len[i]);
??????? ctx2.stroke();
??? }
??? ctx2.restore();

感覺應該是你這一段出現了問題，lineWidth沒有放在save跟restore之間，canvas的很多效果不重新開始的話就會一直疊加，而save跟restore就可以解決這個問題，希望可以幫到你。