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

Question

如果您有这种倾向，可以跟随this jsfiddle。我有一个100％宽度和高度的画布和一个范围滑块，大小设置为1。所以我正在使用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列出了屏幕和画布坐标的转换因子。