canvas - 在移动设备中缩放父级时画布偏移

Question

我有一个 Web 应用程序可以缩放 div 以匹配屏幕大小。假设 div 的宽度为 500px，屏幕为 600px，所以通过 javascript，我为 div 设置了一个transform: scale(1.2)css 属性，它与屏幕大小相匹配。在 div 内部，我有一个也可以缩放的画布。我使用 KonvaJS 来绘制元素，我需要拖动它们。当我在计算机中运行应用程序时，拖动效果很好，但是当我在移动设备、iPad 或 iPhone 中运行时，拖动中存在偏移，我必须将手指放在元素之外才能拖动它。在这里你可以看到一个简单的方法https://jsfiddle.net/aapdl/47x75uuq/2/ 尝试在计算机中拖动每个框，然后在手机、iPad 或 iPhone 中。谢谢。