Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript]Rysowanie w js... interaktywne obiekty ?
Forum PHP.pl > Forum > Przedszkole
Wasper
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
erix
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).
Wasper
Spoko, rzuce okiem.

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

LINK
erix
http://raphaeljs.com/pie.html

A do tego zdarzenia podpinasz praktycznie tak samo, jak w jQuery.
Wasper
Posiedzialem, poczytalem i rozkminilem smile.gif
Ogromne dzieki za pomoc. Mam to co chce, a przy okazji pelna kontrole nad zdarzeniami.

Pozdro.
Wasp
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.