Forum PHP.pl > [JavaScript]zmiana pozycji

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]zmiana pozycji

kionol

5.02.2011, 19:16:53

Witam, dziś zacząłem zabawę z canvas oraz Javascriptem. Mam problem by zrozumieć przesuwanie elementu w canvas. Czy mógłby mi ktoś pokazać to na przykładzie?

[PHP] pobierz, plaintext 
function drawShape(){
				var canvas = document.getElementById('mapa');
				if (canvas.getContext){
					var ctx = canvas.getContext('2d');
					var img = new Image();
					img.src = 'tlo.jpg';
					img.onload = function(){
						ctx.drawImage(img,-100,-100);
						ctx.beginPath();
						}
					}
			}
[PHP] pobierz, plaintext

Gdyby jeszcze dało się zrobić to przesuwanie po najechaniu to byłoby super. Znalazłem w sieci kilka przykładów, lecz one było już rozbudowane i gdy próbowałem dokopać się do najprostszego przesunięcia to już nie działało.
Dzięki za pomoc, Pozdrawiam.

//edit zapomniałem dodać, że chodzi mi o najprostszą animację, np w lewo. Nie chcę by było jakiekolwiek warunki typu (jak dojdzie do krawędzi to się odbija etc.

benio101

5.02.2011, 21:28:48

Obczaj to i wyciągnij wnioski:

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
	<title>New document</title>
<meta name="generator" content="TSW WebCoder">
</head>
 
<body>
<table style="width: 100%; height: 100%">
<tr valign="middle">
<td>
<center>
<img src="http://bineo.biz/obrazy/ok32.png" style="position: relative" onmouseover="this.style.left='200px'">
</center>
</td>
</tr>
</table>
 
 
</body>
</html>
[HTML] pobierz, plaintext

Po najechaniu na obrazek, przesuwa on się o 200 pikseli w prawo.

Dalej nie kumasz? Pisz śmiało, wytłumaczę.

kionol

5.02.2011, 23:15:39

dzięki za pomoc, lecz to się nijak ma do canvas i wstawionego tam obrazaka. aż tak daleko w edukacji nie jestem by nie umieć podmienić stylu

pozdrawiam

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.