Uebung1

Aus ProgrammingWiki

Archivierte Version vom 2022-02-28T16:56:51+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);    
 }  
}

Uebung1

Der Canvas

Suche