Статья по теме:
Демо JavaScript:
<script> var ctx=document.getElementById('paintbox').getContext('2d'); function draw(x1 , y1 , x2 , y2 , dep){ if(dep == 0){ randomColor();//изменение цвета ctx.fillRect(x1 , y1 , 1 , 1); ctx.fillRect(x2 , y2 , 1 , 1); return; } var dx = (x2 - x1)/2; var dy = (y2 - y1)/2; //смещение по х и у var x_tmp = x1 + dx - dy ; var y_tmp = y1 + dy + dx; draw(x1 , y1 , x_tmp , y_tmp , dep - 1); draw(x2 , y2 , x_tmp , y_tmp , dep - 1); } function randomColor() //Генерация случайного цвета { var r, g, b; r = randomNumber(100); g = randomNumber(100); b = randomNumber(100); ctx.fillStyle = "#" + r + g + b; } function randomNumber(max) { return Math.floor(Math.random() * (max + 1));//Генерация случайного числа } draw(250 - 128 , 200 , 250 + 128 , 200 , 16);//начало рекурсии с глубиной 16 </script>
Прикрепленный файл | Размер |
---|---|
drakon.zip | 794 байта |