Javascript / jQuery - 将一组数字映射到另一组数字的范围

8 浏览
0 Comments

Javascript / jQuery - 将一组数字映射到另一组数字的范围

在其他编程语言（如processing）中，有一个函数可以将落在一定范围内的数字转换为不同范围内的数字。我想要做的是将鼠标的X坐标转换为0到15的范围内。所以浏览器的窗口尺寸对每个用户来说是不同的，可能是1394像素宽，当前的X坐标可能是563像素，我想要将其转换为0到15的范围内。

我希望能找到一个具有这种功能的jquery和javascript函数。我可以自己计算完成这个转换，但我更希望以更简洁和动态的方式来完成。

我已经使用以下代码捕获了屏幕尺寸和鼠标尺寸：

var $window = $(window);
var $document = $(document);
$document.ready(function() {
    var mouseX, mouseY; //捕获当前鼠标坐标
    var screenW, screenH; //捕获当前窗口的宽度和高度
    var maxMove = 10;
    windowSize();
    $document.mousemove( function(e) {
        mouseX = e.pageX; 
        mouseY = e.pageY;
    });
    $window.resize(function() {
        windowSize();
    });
    function windowSize(){
        screenW = $window.width();
        screenH = $window.height();
    }
});

非常感谢您提供的任何帮助。

0