Wiem, że temat trochę nietrafiony, ale nie daje mi spokoju jedna sprawa. Ogladam kurs od eduweb odnośnie HTML'a 5 i gdy autor kursu utworzył gradient otrzymał on zupełnie co innego niż ja. Sprawdzałem pod różnymi przeglądarkami i to samo. Dodam, że mój wygląda dużo gorzej, co jest dziwne biorąc pod uwagę kiedy kurs był wydany.

<!doctype html>

<html>

	<head>
    
    <script>

		window.onload = function() {
			var canvas = document.getElementById("canvas");
			var ctx = canvas.getContext("2d");
			
			var x = 0;
			var y = 0;
			var width = 400;
			var height = 250;
			
			ctx.beginPath();
			ctx.rect(x, y, width, height);
			
			var gradient = ctx.createRadialGradient(100, 100, 15, 300, 200, 200);
			gradient.addColorStop(0, "#27536d");
			gradient.addColorStop(1, "#62b1e0");
			ctx.fillStyle = gradient;
			ctx.fill();
		};

	</script>
    
    </head>

	<body>
    
    	<canvas id="canvas" width="400" height="250">
        	<!-- Alternatywna treść -->
            <p>Niestety Twoja przeglądarka nie wspiera tej funkcji HTML5</p>
        </canvas>
    
    </body>


</html>

Screen
http://zapodaj.net/e41b05897eba7.png.html

JS Fiddle
https://jsfiddle.net/4Lg0na5k/

dodanie znacznika <code class="javascript"> - @furious programming