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;
});
}
});