IKG/Uebung2

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
== Grafiken zeichnen ==
Mit drawImage(x,y,w,h,URL) können Grafiken auf einen Canvas gezeichnet werden.

Versuche folgenden Quellcode:
var url = "http://www.michael-hielscher.de/images/atocc.jpg";
canvas.drawImage(100,50,url);
canvas.drawImage(250,50,50,50,url);
canvas.drawImage(350,50,50,100,url);

<run id="622efbbc9938b">

</run>

<canvas w=800 h=600>
</canvas>

1. Sieh dir das Ergebnis an und weise die Quellcodezeile zu.

2. Ändere nun den Quellcode so ab, dass folgender Link: https://ikg-wilthen.de/wp-content/uploads/2020/06/ikg-wilthen-gymnasium-logo-rot.png
verwendet wir. Passe hier die Größe an.

Aufgabe


<run id="6418905a3dba9"></run>


<canvas w=800 h=600>
</canvas>