Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript]Rysowanie w js... interaktywne obiekty ?
Wasper
post
Post #1





Grupa: Zarejestrowani
Postów: 82
Pomógł: 1
Dołączył: 18.09.2011

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


Czesc.
Siedze i rozmyslam nad takim problemem.
Chodzi mi o rysowanie obiektow... aktywnych.. przykladowo tutaj wrzucam.. powiedzmy fragment wykresu kolowego

  1. var canvas2 = document.getElementById("canvas_2");
  2. var context2 = canvas2.getContext("2d");
  3.  
  4. var x = canvas2.width / 2;
  5. var y = canvas2.height / 2;
  6. var radiusBig = 150;
  7.  
  8. var startAngle1 = 0.2 * Math.PI;
  9. var endAngle1 = 0.4 * Math.PI;
  10.  
  11. var pointX1B = x + Math.cos(startAngle1) * radiusBig;
  12. var pointY1B = y + Math.sin(startAngle1) * radiusBig;
  13.  
  14. var pointX2B = x + Math.cos(endAngle1) * radiusBig;
  15. var pointY2B = y + Math.sin(endAngle1) * radiusBig;
  16.  
  17.  
  18. context2.beginPath();
  19. context2.moveTo(x, y);
  20. context2.lineTo(pointX1B, pointY1B);
  21. context2.arc(x, y, radiusBig, startAngle1, endAngle1, false);
  22. context2.lineTo(x, y);
  23. context2.closePath();
  24. context2.lineWidth = 3;
  25. context2.lineJoin = "round";
  26. context2.fillStyle= "#8ED6FF";
  27. context2.fill();
  28. context2.strokeStyle = "#FFFFFF";
  29. context2.stroke();


i problem tkwi w tym.. wszystko byloby ok, ladnie rysuje i wszystko gra.
Ale chcialbym, zeby po najechaniu myszka na ktorys z "elementow" tego wykresu podswietlil sie lub wykonala sie inna akcja.
Czy takie poszczegolne party mozna jakos wyroznic? nadac im jakis atrybut?
Myslalem, zeby nakladac na siebie canvy bez tla, ale beda one prostokatne i nie uzyskam takiego efektu jak chce?

Mial ktos z tym stycznosc? Bede wdzieczny za wszelkie informacje.
pozdrawiam
Wasp
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Ja takie rzeczy zrobiłbym w SVG. Prościej (masz dostęp do JS-owych zdarzeń, do tego narzędzi do rysowania jest mnóstwo).
Go to the top of the page
+Quote Post
Wasper
post
Post #3





Grupa: Zarejestrowani
Postów: 82
Pomógł: 1
Dołączył: 18.09.2011

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


Spoko, rzuce okiem.

A chodzilo mi chociazby o takie akcje jak na tym wykresie od wujka G

LINK
Go to the top of the page
+Quote Post
erix
post
Post #4





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




http://raphaeljs.com/pie.html

A do tego zdarzenia podpinasz praktycznie tak samo, jak w jQuery.
Go to the top of the page
+Quote Post
Wasper
post
Post #5





Grupa: Zarejestrowani
Postów: 82
Pomógł: 1
Dołączył: 18.09.2011

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


Posiedzialem, poczytalem i rozkminilem (IMG:style_emoticons/default/smile.gif)
Ogromne dzieki za pomoc. Mam to co chce, a przy okazji pelna kontrole nad zdarzeniami.

Pozdro.
Wasp
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 29.09.2025 - 13:37