我正在建立一个医疗系统,医生(用户)可以发送心电图(心电图)给其他医生(专家),然后这一个,审查它,以帮助他们。要检查这张ECG --这是一张JPG图像--他们需要一把尺子来检查ECG的“线”是否有“变化”。
心电图图像如下所示> http://cdn.lifeinthefastlane.com/wp-content/uploads/2009/09/ecg_brugada_001.jpg
因此,基本上我试图实现的是,当用户悬停图像时,我必须将其放大20%,并显示标尺来帮助他进行分析。
我在互联网上搜索,在任何其他系统中都找不到类似的东西:
有人知道我如何才能做到这一点?谢谢!!
发布于 2016-12-08 01:56:31
我不知道标尺,但我可以给你关于悬停时图像缩放的概念
HTML
<div class="item">
<img src="path_to_image" alt="pepsi" width="540" height="548">
</div>
CSS3
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.item {
position: relative;
border: 1px solid #333;
margin: 2%;
overflow: hidden;
width: 540px;
}
.item img {
max-width: 100%;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.item:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
我希望它能有所帮助!!
https://stackoverflow.com/questions/41023656
复制相似问题