使用固定格减少图像的大小

Question

我允许用户编辑其配置文件图标，以便用户可以调整其图标以显示图像的哪个部分。

我有一个固定的<div>宽50px和高50px; 。当用户正在编辑图标时，会使用此大小。图像将会更大，用户可以拖动并设置要显示的内容。在编码部分，我采用了宽度，高度，顶部，左侧。顶部和左侧用于确定什么希望你明白这一点。

当编辑图标显示在顶部栏中时，出现问题。我已经将div的宽度设置为30px X 30px。当将50px大小转换为30px时，我从获得的宽度中减去了20px，以使其符合用户预期的30px div。要显示图像的哪一部分的实际部分会导致问题，获得的顶部和左边是对于50px的div使用顶部和左边的30px div预期的部分不显示，你可以猜测。

我想说明，由USER.CHECK选择此的jsfiddle部分：http://jsfiddle.net/4mDQf/

我该怎么办呢？

谢谢！

Answer 1

我已经想出了一个解决方案：

切断部以50像素进行显示和收缩切出图像使用PHP 30PX。