Я сделал событие перетаскивания на рабочем столе и хочу сделать то же событие на мобильном устройстве. Работало только смена изображений одним касанием на мобильном устройстве. Но я хочу реализовать перемещение изображения с помощью touchmove.
jQuery(function () {
var canvasTag = document.querySelector("canvas");
canvasTag.width = window.innerWidth * 2;
canvasTag.height = window.innerHeight * 2;
canvasTag.style.width = window.innerWidth + "px";
canvasTag.style.height = window.innerHeight + "px";
var context = canvasTag.getContext("2d");
context.scale(2, 2);
var i = 0;
var images = ["h1.jpg", "2.jpg"].map(src => {
var image = document.createElement("img");
image.src = src;
return image;
});
document.addEventListener("mousemove", function (event) {
if (images[i].complete) {
context.drawImage(images[i], event.pageX - 180, event.pageY - 270, 360, 540);
}
});
canvasTag.addEventListener("click", function () {
i = i + 1
if (i >= images.length ) {
i = 0
}
});
});