Как сделать событие перетаскивания в мобильном устройстве? - PullRequest
0 голосов
/ 03 ноября 2019

Я сделал событие перетаскивания на рабочем столе и хочу сделать то же событие на мобильном устройстве. Работало только смена изображений одним касанием на мобильном устройстве. Но я хочу реализовать перемещение изображения с помощью 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
        }
    });

});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...