Canvas Demo 1

Aufgabe 3

Verwende for Schleifen, um 25 farbige Rechtecke in einer Matrix von 5 mal 5 Feldern in der Zeichenfläche auszugeben. Hierfür kannst du die Befehle canvas.setColor(r,g,b) und canvas.fillRect(x1,y1,x2,y2) verwenden.

<eval> canvas.clear(); for (int i=0;i&lt;6;i++){ </eval>

for (int j=0;j<6;j++){       
 canvas.setColor((int)(255-42.5*i),(int)(255-42.5*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);    
}  

}

Grafiken zeichnen

Mit drawImage(URL,x,y,w,h) können Grafiken auf einen Canvas gezeichnet werden.

<eval> String url = "http://www.michael-hielscher.de/images/atocc.jpg"; canvas2.drawImage(url,100,50); canvas2.drawImage(url,250,50,50,50); canvas2.drawImage(url,350,50,50,100); </eval>