javascript - 当画布上有 % 宽度时，如何找到鼠标在画布上的位置？

Question

所以，我知道之前有人问过类似的问题，但这要求稍微不同：我的画布有一个x%CSS 样式宽度和一个y宽度。没有什么是不变的，但一个例子是：

canvas.style.width;
// Returns: 60%
canvas.width;
// Returns: 800

所以，我需要弄清楚如何在鼠标所在的画布上找到 X（位置应该在画布的宽度内，例如，如果你要点击一个坐标，它会在画布上绘制该坐标） .

知道1px我的屏幕不等于1px我的画布，我怎么能做到这一点？一旦我得到 X 的方程，我就知道如何评估 Y。

标签： javascripthtmlhtml5-canvas