js 图片截取压缩展示

js 图片截取压缩显示
这是一个 100*100的图片
<img src="test.jpg" />

如何将这个图片坐标XY(0,0 50,50)
显示在div中
.newImg{
  width:30px;
  height:30px;
}
<div class="newImg"></div>

该如何处理，谢谢高手指点

//jQuery js php

图片 JavaScript
[解决办法]
用个50*50的div，并设置图片为背景
[解决办法]
css有个背景自动适应
background-size:contain;
[解决办法]

引用:

Quote: 引用:

用个50*50的div，并设置图片为背景

谢谢回复
30*30是关键部分不能改啊～
突然想到，等比例压缩，用压缩比例去调css样式，应该是个法，我得捉摸捉摸

.newImg{
  width:30px;
  height:30px;
  overflow: hidden;
}
<div class="newImg">
<img src="test.jpg" width="60" height="60" />
</div>

查看更多 下一篇