Cześć wam,

Mam głupi problem... potrzebuję przesuwać obraz na canvas metodą drag and drop, jednak problem w tym że gdy klikam na obraz to zmienia on pozycję (czyli lewy górny róg obrazu ustawia się tam gdzie kursor)a chcę zrobić tak żeby obraz przesuwał się ale w momęcie kliknięcia nie zmieniał swojej pozycji.

Próbowałem już wszystkich działań na zmiennych przedstawiających pozycje obrazu i nic (różnice pomiędzy współrzędnymi kursora a obrazu itp).

Oto kod:

$("#MyCanvas").mousedown(
			function(e) {
				
				var clickedX = e.pageX - this.offsetLeft;
				var clickedY = e.pageY - this.offsetTop;
				if (clickedX > imageX && clickedX < image.width + imageX
						&& clickedY > imageY
						&& clickedY < imageY + image.height) {
					drag = true;

					$("#MyCanvas").mousemove(function(e) {
						if (drag) {
							var x = e.pageX - this.offsetLeft;
							var y = e.pageY - this.offsetTop;
							imageY = y;
							imageX = x;
							
						} else
							return;
					});
				}
			});