Показать сообщение отдельно
  #4 (permalink)  
Старый 26.10.2018, 17:19
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

<canvas id="canvas" width="900" height="300" style="background-color:black";></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var  rgb = 0;
for(var i = 0; i < 100; i++) {
   if(i < 10) rgb = rgb + 25.5;
   if(i > 89) rgb = rgb - 25.5; 
   ctx.strokeStyle = "rgb(" + rgb + ","+ rgb + "," + rgb + ")";
   ctx.beginPath();
   ctx.arc(1500, 150, 1100, (0.96 + (i * 0.0008))* Math.PI, (0.96 + ((i + 1) * 0.0008)) * Math.PI, false);
   ctx.stroke();
}
</script>
Ответить с цитированием