IKG/Uebung1

Wiki-Quelltext dieser Seite.

== Der Canvas ==
Der Canvas ist eine Zeichenfläche die zur Ausgaben von Programmen in diesem Wiki verwendet werden kann. Zeichenflächen lassen sich über das Tag &lt;canvas&gt; erstellen. Diese werden fortlaufend nummeriert und lassen sich je nach Programmiersprache anhand ihrer Nummer verwenden. Mit den Parametern <tt>w</tt> und <tt>h</tt> lassen sich Zeichenflächen in ihrer Größe anpassen. Zeichenflächen lassen sich auch in Tabellen einfügen, um etwa mehrere Zeichenflächen nebeneinander anzulegen.

Beispiel 
<run id="4c1f80b2640d">
canvas.clear();
for (var i=0;i<6;i++){    
 for (var j=0;j<6;j++){       
  canvas.setColor(Math.round(255-42*i),Math.round(255-42*j),0);      
  canvas.fillRect(j*25,i*25,25,25);           
  
  canvas.setColor(0,0,0);      
  canvas.text(j*25+7,i*25+16,"x",16);    
 }  
}
</run>

<canvas w=150 h=150></canvas>

<code>
</code>
'''Aufgabe'''
1. Ändere die Farben so, dass in der rechten, oberen Ecke die Farbe '''blau''' angezeigt wird und in der linken, unteren Ecke die Farbe '''rot'''
2. Ändere die Größe eines jeden Quardates auf 50 x 50
3. Positioniere das X in der Mitte des Quadrates