Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]zmiana pozycji
kionol
post 5.02.2011, 19:16:53
Post #1





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 5.02.2008
Skąd: Grudziądz

Ostrzeżenie: (0%)
-----


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?
  1. function drawShape(){
  2. var canvas = document.getElementById('mapa');
  3. if (canvas.getContext){
  4. var ctx = canvas.getContext('2d');
  5. var img = new Image();
  6. img.src = 'tlo.jpg';
  7. img.onload = function(){
  8. ctx.drawImage(img,-100,-100);
  9. ctx.beginPath();
  10. }
  11. }
  12. }

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.

Ten post edytował kionol 5.02.2011, 19:19:58
Go to the top of the page
+Quote Post
benio101
post 5.02.2011, 21:28:48
Post #2





Grupa: Zarejestrowani
Postów: 111
Pomógł: 10
Dołączył: 16.07.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----


Obczaj to i wyciągnij wnioski:
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <title>New document</title>
  3. <meta name="generator" content="TSW WebCoder">
  4. </head>
  5.  
  6. <table style="width: 100%; height: 100%">
  7. <tr valign="middle">
  8. <td>
  9. <img src="http://bineo.biz/obrazy/ok32.png" style="position: relative" onmouseover="this.style.left='200px'">
  10. </td>
  11. </tr>
  12.  
  13.  
  14. </body>
  15. </html>
Po najechaniu na obrazek, przesuwa on się o 200 pikseli w prawo.

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

Ten post edytował benio101 5.02.2011, 21:29:37
Go to the top of the page
+Quote Post
kionol
post 5.02.2011, 23:15:39
Post #3





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 5.02.2008
Skąd: Grudziądz

Ostrzeżenie: (0%)
-----


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 wink.gif
pozdrawiam
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 17.06.2025 - 16:10