canvas填充色如何漸變動畫

你這個是svg吧 canvas可以參考：

var gradient = ctx.createLinearGradient(0, 0, 0, h);
 gradient.addColorStop(0, 'rgb(255,0,0)'); //紅 
 gradient.addColorStop(0.5, 'rgb(0,255,0)');//綠 
 gradient.addColorStop(1, 'rgb(0,0,255)'); //藍 
 ctx.fillStyle = gradient; 
 ctx.fillRect(0, 0, w, h);

你這也不是canvas啊，建議看看svg繪制

類似這樣嗎 - -

    .dome{
        animation: prompt 3s linear 0s infinite;
    }
    @-webkit-keyframes prompt{
    0%{background:#E5B3B3;}
    50%{background:#F87373;}
    100%{background:#DD1E1E;}
    }