使用固定div减小图像的大小

时间:2013-02-12 17:04:41

标签: image html resize

我允许用户编辑他们的个人资料图标,以便用户可以调整他们的图标以显示图像的哪个部分。

我有一个固定的<div>,宽度为50px,高度为50px;当用户编辑图标时,将使用此尺寸。图像将更大,用户可以拖动和设置要​​显示的内容。在编码部分,我已经采取宽度,高度,顶部,左边。顶部和左边用于确定什么到show.Hope你理解。

当编辑的图标显示在顶部栏中时,我的问题就出现了。我将div的宽度设置为30px X 30px。当将50px尺寸转换为30px时,我从所获得的宽度中减去了20px,使其适合用户所期望的30px div内。显示图像的哪个部分的实际部分会导致问题,获得的顶部和左边是对于50px div,使用顶部和左侧30px div,预期的部分不会显示,因为你可以猜到。

我想显示用户选择的部分。检查这个jsfiddle:http://jsfiddle.net/4mDQf/

我该怎么做?

谢谢!

1 个答案:

答案 0 :(得分:-1)

我找到了解决方案:

剪切要以50px显示的部分,并使用php将剪切图像缩小为30px。