<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML5 Canvas</title>
</head>
<body>
<canvas id="canvas1" width="700" height="250" style="border:3px solid #ff0000;">
</canvas>
<script>
c = document.getElementById("canvas1");
ctx = c.getContext("2d");
ctx.fillStyle="#0000ff";
ctx.fillRect(50,100,250,100);
ctx.font = "30px Arial";
ctx.font = "30px Verdana";
gradient=ctx.createLinearGradient(0,0,200,0);
gradient.addColorStop("0","red");
gradient.addColorStop("0.5","green");
gradient.addColorStop("1.0","blue");
ctx.strokeStyle = gradient;
ctx.strokeText("IHYPRESS.DE",10,50);
</script>
</body>
</html>
