Przypisanie pozycji kursora do grafiki w HTML5 Canvas

pytanie zadane 23 stycznia 2017 w JavaScript przez Pac Plus Mądrala (5,560 p.)
zamknięte 23 stycznia 2017 przez Pac Plus

Hej! Z góry uprzedzam, że jestem newbie w javascript-cie i przepraszam za trywialność :).
Problem jest prosty, jak w temacie, więc dla uproszczenia utworzyłem zmienne globalne

var XCURSOR, YCURSOR;

Zaraz po ustawieniu "canvas" przypisuje te zmienne do koordynatów myszy:

    CC.canvas.addEventListener("mousemove", function(e) {
	XCURSOR = e.clientX - 10;
	YCURSOR = e.clientY - 10;
    });

A na koniec rysuje kwadrat na ekranie o tych samych koordynatach za pomocą mojego objektu.

var imgCursor = new Spirite(null, "#0c0");

imgCursor.draw(XCURSOR, YCURSOR, 20, 20);

W skrócie funkcja draw używa funkcji .fillRect() po ustaleniu typu. Co do działania tego objektu nie mam żadnych wątpliwości, używam go jednocześnie do rysowania paru grafik i sprawdza się bezbłędnie.

Ostatecznie "imgCursor" pojawia się z 200/300px w prawo od kursora myszy. Nie wiem gdzie tu jest miejsce na błąd ale musiałem coś przeoczyć.

Dzięki, 513ry!

komentarz zamknięcia: spam

komentarz 23 stycznia 2017 przez Shaoi Mądrala (7,020 p.)

Dawać najlepszą odpowiedź samemu sobie?

komentarz 23 stycznia 2017 przez Pac Plus Mądrala (5,560 p.)
edycja 23 stycznia 2017 przez Pac Plus

Już odpowiedziałem sobie na główne pytanie, co w tym złego? Chyba ,że ktoś dokładnie wyjaśni zagadnienie, wtedy oddam pas. Odpowiadać innym w koło ^_^?

Bwe. jak już zagadał do moderatora, powinienem przenieść dyskusje na nowy temat czy jest ok prowadzić ją tutaj pod przykładem?

komentarz 23 stycznia 2017 przez Eryk Andrzejewski Mędrzec (164,260 p.)

Równie dobrze ja mogę zadać sobie na forum pytanie, ile to 2+2 i odpowiedzieć sobie, że 4 i dać naja

Jeżeli poradziłeś sobie z problemem, to po prostu zamknij pytanie.

komentarz 23 stycznia 2017 przez Pac Plus Mądrala (5,560 p.)

emm... równie dobrze mogę rozwiązać własny problem tak jak to jest opisane w odpowiedzi poniżej. Jest ktoś kto chętny do dyskusji na opisany błąd czy będziemy się kłócić o punkty?

komentarz 23 stycznia 2017 przez Shaoi Mądrala (7,020 p.)

Odpowiedź na ten temat została już jasno przedstawiona.

Swoje dziwne poglądy stosuj gdzie indziej.

komentarz 23 stycznia 2017 przez Eryk Andrzejewski Mędrzec (164,260 p.)

Sugeruję zakończyć ten temat, zmierza on w niekoniecznie dobrym kierunku

komentarz 23 stycznia 2017 przez Pac Plus Mądrala (5,560 p.)

Nie możesz po prostu usuwać spamu?

Dyskusji na temat nikt jeszcze się nie podjął, masz tam przecież przycisk ban? Szanujmy swój czas.

1 odpowiedź

odpowiedź 23 stycznia 2017 przez Pac Plus Mądrala (5,560 p.)
wybrane 23 stycznia 2017 przez Pac Plus

Najlepsza

Teraz jak odpaliłem to bez mojego theam-u css wszystko działa. Rozumiem, że pozycja diva wpływa na pozycje kursora w canvas, dobże rozumiem? Da się tego uniknąć? Kto to tak spieprzył? :)

bez theam-u: http://codepen.io/anon/pen/GrEqXm

z theam-em: http://codepen.io/anon/pen/zNzBZb

EDIT:
W wersji z css "imgCursor" widać dopiero w po przejechaniu kursorem na lewą granice canvus-u bo kontent jest wyśrodkowany.