js 图片截取压缩显示

Question

这是一个 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

Answer 1

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

Answer 2

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

Answer 3

css有个背景自动适应
background-size:contain;

Answer 4

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

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

Answer 5

没啥好法，放在img里用js处理，总觉不是合适的方法，背景更不行了，没法最大兼容性压缩
flash可以处理，插件也可以处理好点，问题先暂且这样