css - 变换平移和 e.pageX/e.pageY 坐标不同

标签 css canvas mouseevent css-transforms

当我在 Canvas 上应用翻译(转换:翻译...)时,我使用 e.clientXe.clientY 检查它在 Chrome Windows 上的位置,我得到不同的值。这同样适用于 Canvas 的宽度,它与 e.clientXe.clientY 不同于 Canvas 中的实际宽度值。

Chrome 缩放设置为 100%。

这是正常的还是有什么可做的?

最佳答案

缩放样式应用于父“div”。考虑到它解决了我的问题。

关于css - 变换平移和 e.pageX/e.pageY 坐标不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28695109/

相关文章:

css - HTML 表格的水平滚动条

javascript - 如何让更改图片的箭头位于图片的两侧?

html - 调整 li border-bottom "length"

c# - 使用 MVVM 从列表拖放到 Windows Phone 上的 Canvas

c# - SetWindowsHookEx with WH_MOUSE_LL 减慢鼠标几秒钟

css - 如何将文本与背景图像居中

javascript - 我的 Web 应用程序的 Canvas 绘图

html - Canvas 上绘制的文本的抗锯齿效果不佳

java - 如何实现鼠标监听器

python - 如何使用 Controller 的输入正确运行模拟鼠标的宏?