Javascript 在图像悬停时显示标尺，并将其缩放

我正在建立一个医疗系统，医生（用户）可以将ECG（心电图）发送给其他医生（专家），然后这一个，检查它以帮助他们。为了查看这张心电图（JPG图像），他们需要一把尺子来检查心电图的“线条”是否有“变化”

心电图图像是这样的>

所以，基本上，我试图实现的是，当用户悬停在图像上时，我必须将其放大20%，并显示标尺以帮助他进行分析

我在互联网上搜索，在任何其他系统中都找不到类似的东西：(

---

有人想知道我该如何做到这一点？谢谢！！

我不知道尺子，但我可以告诉你悬停时图像缩放的方法

HTML

<div class="item">
  <img src="path_to_image" alt="pepsi" width="540" height="548">

</div>

---

我希望这会有帮助！！

我不知道尺子，但我可以给你们一些关于悬停时图像缩放的想法

HTML

<div class="item">
  <img src="path_to_image" alt="pepsi" width="540" height="548">

</div>

---

我希望它会有帮助！！

寻求调试帮助的问题必须包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。没有问题对其他读者没有帮助。请参阅：。寻求调试帮助的问题必须包括所需的行为、特定的问题或错误r和在问题本身中复制它所需的最短代码。没有r的问题对其他读者没有用处。请参阅：。