我如何通过拖动n drop vanilla js在放置区域中移动元素？

Question

我在div中有一个画布，我想知道如何使画布在我的div中移动并在另一个div中显示位置x和y

我只想了解Vanilla js

``

  <div>
      <canvas></canvas>
    </div>
    <div>
      New position => {x:?, y:?}
    </div>

`` 我有两个白色框架，第一个框架在第一个div中带有画布“可移动”，第二个框架将显示x y坐标