canvas - モバイルで親をスケーリングするとキャンバスがオフセットされる

Question

画面サイズに合わせて div をスケーリングする Web アプリがあります。div の幅が 500px で画面が 600px だとしましょう。JavaScript で div にtransform: scale(1.2)css プロパティを設定すると、画面サイズに一致します。div 内には、拡大縮小されたキャンバスがあります。KonvaJS を使用して要素を描画し、それらをドラッグする必要があります。コンピューターでアプリを実行すると、ドラッグはうまく機能しますが、モバイル、iPad、または iPhone で実行すると、ドラッグにオフセットがあり、ドラッグできるようにするには、要素の外側に指を置く必要があります。ここで簡単なアプローチを見ることができますhttps://jsfiddle.net/aapdl/47x75uuq/2/ 各ボックスをコンピューターにドラッグしてから、モバイル、iPad、または iPhone にドラッグしてみてください。ありがとう。