Pozycja skryptu JavaScript względem canvas

Skrypt umieszcza się na stronie na dwa sposoby:

Sposób 1

Skrypt umieszczony jest na stronie w elemencie body (bezpośrednio) po elemencie, którego
dotyczy.

Zawartość możesz zobaczyć w
przeglądarce obsługującej element <canvas>
z kontekstem "2d"

Listing

<body>
<canvas id="canvas" width="300" height="300"
		style="border: 1px solid #238E3E;">Zawartość możesz zobaczyć w 
		przeglądarce obsługującej element <canvas> 
		z kontekstem "2d"</canvas>
	<script type="text/javascript">		
	</script>
</body>	
            

Sposób 2

Skrypt umieszcza się w elemencie head, a canvas w elemencie body.

Zawartość możesz zobaczyć w
przeglądarce obsługującej element <canvas>
z kontekstem "2d"

Listing

<head>
<meta charset="utf-8">
<script type="text/javascript">
	window.onload = function(){
		
	};
	</script>
</head>
            

Listing

<body>
<canvas id="canvas" width="300" height="300"
		style="border: 1px solid #238E3E;">Zawartość możesz zobaczyć w 
		przeglądarce obsługującej element <canvas> 
		z kontekstem "2d"</canvas>
</body>		
            

Skrypt w oddzielnym pliku

Oczywiście skrypt możemy też umieścić w zewnętrznym pliku, a w elemencie
head podać szczegóły dotyczące lokalizacji skryptu.

Listing

<head>
<script src="scripts/canvas.js"></script>
</head>
            

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *