Klik hier voor een voorbeeld<\/a><\/p>\n<html><\/p>\n
<body>
\n<br>
\n<br>
\n<canvas width=”1000″ height=”800″ id=”myCanvas”>
\n<\/canvas>
\n<script><\/p>\n
var TekenOppervlak = document.getElementById(“myCanvas”);
\nvar TekenVlak = TekenOppervlak.getContext(“2d”);
\nTekenVlak.fillStyle = ‘black’;
\nTekenVlak.strokeStyle = ‘black’;
\nvar X = 0;
\nvar Y = 0;
\nvar P = 12; <!– Orde –>
\nvar A = Math.sqrt(1\/2); <!– Verkortingsverhouding –>
\nvar H = 0.1; <!– Scaling factor –>
\nvar S = 0;
\nvar Z = 300; <!– Zoom factor –>
\nvar Xmid = 200;
\nvar Ymid = 50;
\nvar Titel = “Fractal : Mondriaan”;
\nvar Bodem = “\\u00A9 H.L. Muller 2016”;<\/p>\n
TekenVlak.font = “16pt sans-serif”;
\nTekenVlak.fillText(Titel,20,20);
\nTekenVlak.stroke();<\/p>\n
X1rel = Xmid;
\nY1rel = Ymid;
\nTekenVlak.moveTo (X1rel, Y1rel);
\nX2rel = Xmid + (1 * Z);
\nY2rel = Ymid + (0 * Z);
\nTekenVlak.lineTo (X2rel,Y2rel);
\nX2rel = Xmid + (1 * Z);
\nY2rel = Ymid + (1 * Z);
\nTekenVlak.lineTo (X2rel,Y2rel);
\nX2rel = Xmid + (0 * Z);
\nY2rel = Ymid + (1 * Z);
\nTekenVlak.lineTo (X2rel,Y2rel);
\nX2rel = Xmid;
\nY2rel = Ymid;
\nTekenVlak.lineTo (X2rel,Y2rel);
\nTekenVlak.stroke();<\/p>\n
N = 1
\nwhile (N < 101 ){<\/p>\n
\nX = 0.8 * Math.random() + 0.1;
\nY = 0.8 * Math.random() + 0.1;
\nK = H * ( 1 – Math.sqrt(1 – Math.random()));
\nif (Math.random() > 0.5){
\nQ = Math.round(3 * Math.random()) + 1;
\nif (Q == 1){TekenVlak.strokeStyle = ‘Black’;}
\nif (Q == 2){TekenVlak.strokeStyle = ‘Blue’;}
\nif (Q == 3){TekenVlak.strokeStyle = ‘Red’;}
\nif (Q == 4){TekenVlak.strokeStyle = ‘Yellow’;}
\nQ = Math.round(9 * Math.random()) + 1;
\nTekenVlak.lineWidth= Q;<\/p>\n
X1rel = Xmid + (X * Z);
\nY1rel = Ymid + ((Y – K) * Z);
\nTekenVlak.moveTo (X1rel, Y1rel);
\nX2rel = Xmid + (X * Z);
\nY2rel = Ymid + ((Y + K) * Z);
\nTekenVlak.lineTo (X2rel,Y2rel);
\nTekenVlak.stroke();<\/p>\n
\n}
\nelse {<\/p>\n
\nQ = Math.round(3 * Math.random()) + 1;
\nif (Q == 1){TekenVlak.strokeStyle = ‘black’;}
\nif (Q == 2){TekenVlak.strokeStyle = ‘blue’;}
\nif (Q == 3){TekenVlak.strokeStyle = ‘red’;}
\nif (Q == 4){TekenVlak.strokeStyle = ‘yellow’;}
\nQ = Math.round(9 * Math.random()) + 1;
\nTekenVlak.lineWidth= Q;<\/p>\n
X1rel = Xmid + ((X – K) * Z);
\nY1rel = Ymid + (Y * Z);
\nTekenVlak.moveTo (X1rel, Y1rel);
\nX2rel = Xmid + ((X + K) * Z);
\nY2rel = Ymid + (Y * Z);
\nTekenVlak.lineTo (X2rel,Y2rel);
\nTekenVlak.stroke();<\/p>\n
\n}
\nN++;
\n}<\/p>\n
TekenVlak.fillStyle = ‘black’;
\nTekenVlak.font = “8pt sans-serif”;
\nTekenVlak.fillText(Bodem,20,420);
\nTekenVlak.stroke();<\/p>\n
<\/script>
\n<br><\/p>\n
<\/body><\/p>\n
<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"
Zelfts een kunstenaar als Mondriaan is niet veilig.\u00a0 Ook die is er nu als webpagina Klik hier voor een voorbeeld <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 = […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[51,49],"tags":[],"class_list":["post-1000","post","type-post","status-publish","format-standard","hentry","category-html-canvas","category-code-experiments"],"_links":{"self":[{"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=\/wp\/v2\/posts\/1000","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1000"}],"version-history":[{"count":5,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=\/wp\/v2\/posts\/1000\/revisions"}],"predecessor-version":[{"id":1007,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=\/wp\/v2\/posts\/1000\/revisions\/1007"}],"wp:attachment":[{"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1000"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1000"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hein.artstage.nl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}