在Windows触摸屏上，pageX，pageY不会映射到100％画布上的坐标。

Question

如果您觉得如此倾向，您可以跟随this jsfiddle。我有一个100％的宽度和高度的画布和范围滑块的大小设置为一。所以我使用fillRect（touch.pageX，touch.pageY，1，1）;但是当我用手指在画布上绘画时，输出会相对于输入缩放。我需要做些什么才能获得页面元素的位置

我只是将pageX和pageY坐标传递给fillRect函数，但是不知何故上下文网格看起来比触摸坐标空间大。

context.fillRect(touches[i].pageX, touches[i].pageY, size, size); 

Answer 1

我晚上晚些时候找到了解决方案。 http://www.ckollars.org/canvas-two-coordinate-scales.html列出了屏幕和画布坐标的转换因子。