Question

我从DIV中的图像开始，我想用鼠标滚轮放大图像。一切都还可以，但放大从图像的xy0开始，它不是我想要的..我想从我的光标位置放大。有一种方法可以在我的代码下完成吗？

以下是DEMO：

这是我的javascript代码，看看// ZOOMABLE部分：

/*
*   ZOOM
*/
(function (window) {
    image(window.document.querySelector('#dropZone'), function (files) {
        //Mouse position
        function mousePosition(e) {
            var result_x = document.getElementById('x_result');
            var result_y = document.getElementById('y_result');
            result_x.innerHTML = e.clientX;
            result_y.innerHTML = e.clientY;
        }
        document.onmousemove = mousePosition;

        //Scroll position
        var scrollableElement = document.getElementById('dropZone');
        scrollableElement.addEventListener('wheel', scrollDirection);

        function scrollDirection(event) {
            var delta;
            if (event.wheelDelta) {
                delta = event.wheelDelta;
            } else {
                delta = -1 * event.deltaY;
            }
            if (delta < 0) {
                console.log("DOWN");
                $("#movable").css("width", "-=30");
                $("#movable").css("max-height", "none")
                $("#movable").css("max-width", "none")
            } else if (delta > 0) {
                console.log("UP");
                $("#movable").css("width", "+=30");
                $("#movable").css("max-height", "none")
                $("#movable").css("max-width", "none")
            }
        }
    );
})(this);

Answer 1

我不明白你的问题，请解释一下，我认为它工作正常，我没有检查你的整个代码由于时间短，但我认为缩放功能工作正常。

请向我解释一下......

从光标位置缩放图像

1 个答案: