Zelfts een kunstenaar als Mondriaan is niet veilig. Ook die is er nu als webpagina
<html>
<body>
<br>
<br>
<canvas width=”1000″ height=”800″ id=”myCanvas”>
</canvas>
<script>
var TekenOppervlak = document.getElementById(“myCanvas”);
var TekenVlak = TekenOppervlak.getContext(“2d”);
TekenVlak.fillStyle = ‘black’;
TekenVlak.strokeStyle = ‘black’;
var X = 0;
var Y = 0;
var P = 12; <!– Orde –>
var A = Math.sqrt(1/2); <!– Verkortingsverhouding –>
var H = 0.1; <!– Scaling factor –>
var S = 0;
var Z = 300; <!– Zoom factor –>
var Xmid = 200;
var Ymid = 50;
var Titel = “Fractal : Mondriaan”;
var Bodem = “\u00A9 H.L. Muller 2016”;
TekenVlak.font = “16pt sans-serif”;
TekenVlak.fillText(Titel,20,20);
TekenVlak.stroke();
X1rel = Xmid;
Y1rel = Ymid;
TekenVlak.moveTo (X1rel, Y1rel);
X2rel = Xmid + (1 * Z);
Y2rel = Ymid + (0 * Z);
TekenVlak.lineTo (X2rel,Y2rel);
X2rel = Xmid + (1 * Z);
Y2rel = Ymid + (1 * Z);
TekenVlak.lineTo (X2rel,Y2rel);
X2rel = Xmid + (0 * Z);
Y2rel = Ymid + (1 * Z);
TekenVlak.lineTo (X2rel,Y2rel);
X2rel = Xmid;
Y2rel = Ymid;
TekenVlak.lineTo (X2rel,Y2rel);
TekenVlak.stroke();
N = 1
while (N < 101 ){
X = 0.8 * Math.random() + 0.1;
Y = 0.8 * Math.random() + 0.1;
K = H * ( 1 – Math.sqrt(1 – Math.random()));
if (Math.random() > 0.5){
Q = Math.round(3 * Math.random()) + 1;
if (Q == 1){TekenVlak.strokeStyle = ‘Black’;}
if (Q == 2){TekenVlak.strokeStyle = ‘Blue’;}
if (Q == 3){TekenVlak.strokeStyle = ‘Red’;}
if (Q == 4){TekenVlak.strokeStyle = ‘Yellow’;}
Q = Math.round(9 * Math.random()) + 1;
TekenVlak.lineWidth= Q;
X1rel = Xmid + (X * Z);
Y1rel = Ymid + ((Y – K) * Z);
TekenVlak.moveTo (X1rel, Y1rel);
X2rel = Xmid + (X * Z);
Y2rel = Ymid + ((Y + K) * Z);
TekenVlak.lineTo (X2rel,Y2rel);
TekenVlak.stroke();
}
else {
Q = Math.round(3 * Math.random()) + 1;
if (Q == 1){TekenVlak.strokeStyle = ‘black’;}
if (Q == 2){TekenVlak.strokeStyle = ‘blue’;}
if (Q == 3){TekenVlak.strokeStyle = ‘red’;}
if (Q == 4){TekenVlak.strokeStyle = ‘yellow’;}
Q = Math.round(9 * Math.random()) + 1;
TekenVlak.lineWidth= Q;
X1rel = Xmid + ((X – K) * Z);
Y1rel = Ymid + (Y * Z);
TekenVlak.moveTo (X1rel, Y1rel);
X2rel = Xmid + ((X + K) * Z);
Y2rel = Ymid + (Y * Z);
TekenVlak.lineTo (X2rel,Y2rel);
TekenVlak.stroke();
}
N++;
}
TekenVlak.fillStyle = ‘black’;
TekenVlak.font = “8pt sans-serif”;
TekenVlak.fillText(Bodem,20,420);
TekenVlak.stroke();
</script>
<br>
</body>
</html>