缩放截图的屏幕坐标转换：全分辨率找图找色找字的实践

在JavaScript中，如果你有一个缩放后的截图尺寸（例如1280×720）和原始屏幕尺寸（例如1920×1080），并且你需要在缩放后的截图上点击一个点，然后将其转换为原始屏幕尺寸上的坐标，你可以使用以下方法：

假设你在缩放后的截图上点击了中心点，其坐标为 (x, y)，其中 x 和 y 分别是横坐标和纵坐标。由于缩放比例是 1280/1920 和 720/1080，你可以将这个点转换为原始屏幕尺寸上的坐标。

原始屏幕尺寸上的坐标 (x', y') 可以通过以下公式计算：

x' = x * (1920 / 1280)
y' = y * (1080 / 720)

下面是一个示例函数，它接受缩放后的坐标 (x, y)，并返回原始屏幕尺寸上的坐标 (x', y')：

/**
* @author 飞云
* @wechat imfeiyun
* @link http://www.feiyunjs.com
*/

function convertCoordinates(x, y) {
    const scaleX = 1920 / 1280;
    const scaleY = 1080 / 720;
    const xPrime = x * scaleX;
    const yPrime = y * scaleY;
    return { x: xPrime, y: yPrime };
}

// 示例用法
const scaledCoordinates = { x: 640, y: 360 }; // 缩放后的中心点坐标
const originalCoordinates = convertCoordinates(scaledCoordinates.x, scaledCoordinates.y);
console.log(originalCoordinates); // 输出: { x: 960, y: 540 }

在这个示例中，我们假设缩放后的中心点坐标是 (640, 360)。通过调用 convertCoordinates 函数，我们可以得到原始屏幕尺寸上的中心点坐标 (960, 540)。

AiWork开发文档

在官方文档的基础上，进行重新排版和优化。
一个优雅的文档，对于开发体验的提升，是效果显著的。
永久域名：aiwork.wiki