                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /HTML5小游戏---爱心鱼（上）

为什么海葵会一直一直不停的画

一直出现越来越粗

shenmissing3749323

2016-10-09

源自：HTML5小游戏---爱心鱼（上） 2-3

关注问题我要回答

763

操作

收起

1 回答

请叫我蜗牛小姐回答被采纳 +3 积分
2016-10-20

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