Änderung von context.fillRect durch onclick nicht möglich?

[Sempervivum]

Jetzt wo das vollständige Skript auf dem Tisch liegt, kann man auch deine ursprüngliche Frage nach der Änderung der Strichstärke beantworten: Diese wird durch die Größe des gezeichneten Rechtecks festgelegt und kann folgender Maßen geändert werden:

           <input id="width" type="range" min="1" max="20" step="1">

         function paint() {
             if (active) {
                 var width = document.getElementById("width").value;
                 context.fillRect(x, y, width, width);
             }
         }

Die Verwendung eines Rechtecks ist IMO nicht so günstig weil dann die Linie bei Schrägen stark pixelig wird. Besser wäre ein Kreis.