在图像悬停时显示标尺，并缩放它
在图像悬停时显示标尺，并缩放它
提问于 2016-12-08 01:24:31
我正在建立一个医疗系统，医生(用户)可以发送心电图(心电图)给其他医生(专家)，然后这一个，审查它，以帮助他们。要检查这张ECG --这是一张JPG图像--他们需要一把尺子来检查ECG的“线”是否有“变化”。
心电图图像如下所示> http://cdn.lifeinthefastlane.com/wp-content/uploads/2009/09/ecg_brugada_001.jpg
因此，基本上我试图实现的是，当用户悬停图像时，我必须将其放大20%，并显示标尺来帮助他进行分析。
我在互联网上搜索，在任何其他系统中都找不到类似的东西：
有人知道我如何才能做到这一点？谢谢！！
回答 1
Stack Overflow用户
发布于 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);
}我希望它能有所帮助!！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41023656
复制相关文章
相似问题
腾讯云开发者
