Cross Fractal

cross-fractal.js

document.body.innerHTML = "";
var c = document.createElement("canvas");
document.body.appendChild(c);
c.width = c.height = 1024;
var ctx = c.getContext("2d");
var alpha = 3 / 8;
var beta = 1 - alpha;
ctx.strokeStyle = "#FF0000";
for (n = 5; n <= 10; n++) { for (i = 0; i < c.width - 1; i += 2**n) for (j = 0; j < c.height - 1; j += 2**n) { ctx.moveTo(i + 2**(n-1), j + 2**(n) * alpha); ctx.lineTo(i + 2**(n-1), j + 2**n * beta); ctx.moveTo(i + 2**(n) * alpha, j + 2**(n - 1)); ctx.lineTo(i + 2**(n) * beta, j + 2**(n - 1)); } }
ctx.stroke();