Uebung1

Aus ProgrammingWiki

Archivierte Version vom 2022-02-28T16:55:37+00:00. Aktuelle Version

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 <canvas> erstellen. Diese werden fortlaufend nummeriert und lassen sich je nach Programmiersprache anhand ihrer Nummer verwenden. Mit den Parametern w und h 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

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);    
 }  
}

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

Uebung1

Der Canvas

Suche