![Arkadiusz Burszczan](https://static.goldenline.pl/user_photo/112/user_1388912_4d4dcd_basic.jpg)
Arkadiusz Burszczan Programista Java
Temat: Różnica pomiędzy jquery a js
Mam taką zagowostkę, a może już późna pora i nie myślę. Chce zrobić gre kółko i krzyżyk na canvie w html5 i mam oto taki obiekt js//klasa z gra
var Game = {
canvas : document.getElementById('canvas'),
context : $("#canvas").get(0),
//metoda zwraca obiekt z canvasem
getCanvas : function(){
return this,canvas;
},
//metoda zwraca obiekt z contextem
getContext : function(){
return this.context;
},
//metoda pobiera x pkt
getX : function(e) {
// Odczytuje współrzędne punktu klikniętego przez użytkownika.
return e.pageX - canvas.offsetLeft;
},
//metoda pobiera y pkt
getY : function(e) {
// Odczytuje współrzędne punktu klikniętego przez użytkownika.
return e.pageY - canvas.offsetTop;
},
drawDiagram : function(){
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
alert(this.canvas);
alert(canvas);
// context = this.getContext();
//context.lineWidth = 20;
//context.strokeStyle = "rgb(205,40,40)";
//context.moveTo(10,50);
//context.lineTo(30,100);
//context.stroke();
}
};
//poczatek gry,
$(document).ready(function(){
Game.drawDiagram();
//klikamy na canvas
$('#canvas').live('click',clickInCanvas);
});
function clickInCanvas(e){
var context = Game.getContext();
var canvas = Game.getCanvas();
var clickX = Game.getX(e);
var clickY = Game.getY(e);
}
Teraz moje pytanie, po przeładowaniu strony mam 2 alerty, z czego jeden alert(this.canvas) zwraca mi null, a z kolei drugi alert(canvas) zwraca object... Nie mam zielonego pojecia dlaczego tak jest... Czy ktoś mi może wyjaśnić skąd wynikają róźnice??