Как изменить HTML Canvas цветов использование интервала цикла?

я написал это, и я хочу, чтобы начало и конец цикла с определенными цветами(напр. начать с rgb 150,150,200; end с rgb-190, 160, 200):

<!DOCTYPE HTML>
<html>
 <head>

 </head>
 <body>

  <canvas width="400" height="100"></canvas>

  <script>

   var context = document.getElementsByTagName('canvas')[0].getContext('2d');


   var lastX = context.canvas.width * Math.random();
   var lastY = context.canvas.height * Math.random();


   var hue = 100;

   function blank() {
    hue = hue + 5 * Math.random();

    context.fillStyle = 'hsl(' + hue + ', 60%, 80%)';

    context.fillRect(0, 0, context.canvas.width, context.canvas.height);

   }
   setInterval(blank, 50);

  </script>

 </body>
</html>


Как я могу изменить начальный цвет?

Найдено 3 ответа:

How can I modify HTML Canvas colors using an interval loop?

http://stackoverflow.com/questions/945298/how-can-i-modify-html-canvas-colors-using-an-interval-loop

Посмотреть решение →

Яндекс.Метрика