1回答

• 

  请叫我蜗牛小姐

  2016-10-20 10:16:35

  已采纳

  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就可以解决这个问题，希望可以帮到你。

  0 0