<!DOCTYPE html>
<html>
<body>
<canvas id="bildflaeche" width="800" height="600" style="border:1px solid #d3d3d3;">
Dein Browser unterstützt den HTML5 Canvas-Tag nicht (erscheint als Alternative auf dem Bildschirm</canvas>
<script language="javascript" type="text/javascript">
var bildflaeche = document.getElementById("bildflaeche");
var form = bildflaeche.getContext("2d");
var formfarbe = "black";
var anzahl = 20;
var radius = 40;
for (i = 1; i <= anzahl; i = i + 1) {
var position_x = Math.floor((Math.random() * 800) + 1);
var position_y = Math.floor((Math.random() * 600) + 1);
form.beginPath();
form.arc(position_x, position_y, radius, 0, 2 * Math.PI);
form.fillStyle = formfarbe;
form.fill();
}
</script>
</body>
</html>
