html.canvas.Element | strassencoder.ch

<!DOCTYPE html>

<html>

<body>

<h3>Das canvas-Element</h3>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid black">Dein Browser unterstützt den canvas-Tag nicht.</canvas>

var c = document.getElementById("myCanvas");

var ctx = c.getContext("2d");

var grd = ctx.createLinearGradient(0,0,200,0);

grd.addColorStop(0,"grey");

grd.addColorStop(1,"dodgerblue");

ctx.fillStyle = grd;

ctx.fillRect(0,0,200,100);

</script>

</body>

</html>