Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: niezdefiniowany obiekt w konstruktorze
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
emil_seba
20.08.2011, 11:15:03
Witam, mam taki problem, tworze obiekt kin w konstruktorze, jest on dostepny w funkcji drawImage(), natomiast w funkcji dragger() występuje błąd, że kin jest nie zdefiniowane. Mógł by ktoś poradzić mi dlaczego ? Z góry dziękuję.
[PHP] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. 	<script src="Kinetic-v1.0.0.js"></script>
  5. 	<script type = "text/javascript">
  6.  
  7.  
  8. 		function Obrazek(obiekt)
  9. 		{
  10. 			this.kin = new Kinetic_2d("obraz");
  11. 			this.rectX = 0;
  12. 			this.rectY = 0;
  13. 			this.rectOfsetX = 0;
  14. 			this.rectOfsetY = 0;
  15. 			this.dragingRect = false;
  16. 			this.boba = obiekt;
  17. 			this.canvas=null;
  18. 			this.context=null;
  19.  
  20. 			this.dragger = function ()
  21. 			{
  22. 				var mouseP = this.kin.getMousePos(); // bląd kin jest nie zdefiniowane
  23.  
  24. 				if(this.dragingRect)
  25. 				{
  26. 					this.rectX = mouseP.x - rectOfsetX;
  27. 					this.rectY = mouseP.y - rectOfserY;
  28. 				}
  29.  
  30. 				this.kin.clear();
  31. 				this.kin.beginRegion();
  32. 				this.context.drawImage(this.boba,rectX,rectY,this.boba.width,this.boba.height);
  33. 				this.context.beginPath();
  34. 				this.context.rect(this.rectX,this.rectY,this.boba.width,this.boba.height);
  35. 				this.context.closePath();
  36.  
  37. 				this.kin.addRegionEventListener("onmousedown",function(){
  38. 					var mouseP = this.kin.getMousePos();
  39. 					this.dragingRect = true;
  40. 					this.rectOfsetX = mouseP.x - this.rectX;
  41. 					this.rectOfsetY = mouseP.y - this.rectY;
  42. 				});
  43.  
  44. 				this.kin.addRegionEventListener("onmouseup",function(){
  45. 					this.dragingRect = false;
  46. 				});
  47. 				this.kin.addRegionEventListener("onmouseover",function(){
  48. 				document.body.style.cursor = "pointer";
  49. 				});
  50. 				this.kin.addRegionEventListener("onmouseout",function(){
  51. 				document.body.style.cursor = "default";});
  52.  
  53. 				this.kin.closeRegion();
  54. 			}
  55.  
  56. 			this.drawImage = function()
  57. 			{
  58. 				this.canvas =  this.kin.getCanvas();
  59. 				this.context = this.kin.getContext();
  60.  
  61. 				this.rectX = this.canvas.width/2 - this.boba.width/2;
  62. 				this.rextY = this.canvas.height/2 - this.boba.height/2;
  63.  
  64. 				this.kin.setDrawStage(this.dragger);
  65. 			}
  66.  
  67. 		}
  68. 			window.onload = function(){
  69.  
  70. 				var im = new Image();
  71. 				im.onload = function()
  72. 				{
  73. 						var zdj = new Obrazek(im);
  74. 						zdj.drawImage();
  75.  
  76. 				}
  77. 				im.src ="Garnek.jpg";
  78.  
  79. 			}
  80.  
  81.  
  82. 	</script>
  83. </head>
  84. <body>
  85. 	<canvas id="obraz" width="400" height="400" style="border-style:solid;" >
  86. 		Twoja przegladarka nie obsluguje canvas.
  87. 	</canvas>
  88.  
  89. </body>
  90. </html>
  91.  
[PHP] pobierz, plaintext
Cysiaczek
20.08.2011, 11:35:38
Nie znam się na JS za bardzo, ale mam wrażenie, że chodzi o zasięg zmiennych.
melkorm
20.08.2011, 11:38:55
Cytat
this.kin.clear();


Przedmówca dobrze mówi, this odwołuje się do funkcji w której jest użyty, zamiast this, użyj var .
emil_seba
21.08.2011, 16:42:21
dzięki, var pomogło smile.gif zamiast zmiennych publicznych zrobiłem zmienne prywatne (z użyciem var), tylko funkcje z użyciem this jako metody publiczne.
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.