如何拉出一個選取範圍能偵測大小與位置

我希望可以用鼠标拉出一个选择范围，选择后松开鼠标，显示这四个字段中所选区域的x轴和y轴的宽度和高度值。

这是我的问题。我希望你能帮助我。谢谢你！
類似圖片呈現那樣。

百度一些canvas绘图图片选取之类的，应该能找到你想要的例子，找不到的话，研究一下canvas绘图的内容，应该也可以研究出来