vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>JSL183 Canvas Text & Bild</title> <style></style> </head> <body> <canvas id="meinCanvas" width="500" height="500"> Ihr Browser unterstützt keine Canvas!</canvas> <script> var dasCanvas = document.getElementById("meinCanvas"); var ctx = dasCanvas.getContext("2d"); ctx.font = "40px Arial"; ctx.strokeText("Willkommen",40,100); ctx.fillStyle = "blue"; ctx.fillText("Willkommen",40,100); var meinBild = new Image(); meinBild.onload = function() {ctx.drawImage(meinBild, 150,150);} meinBild.src = "media/pointer.png"; </script> </body> </html>
