我允许用户编辑他们的个人资料图标，以便用户可以将他们的图标调整到要显示的图像的哪个部分。
我有一个<div>宽度为 50px 和高度为 50px 的固定器；.这个尺寸将在用户编辑图标时使用。图像会更大，用户可以拖动并设置要显示的内容。在编码部分我采取了宽度，高度，顶部，左侧。顶部和左侧用于确定要显示的内容秀。希望你明白这一点。
当编辑的图标显示在顶部栏中时，我的问题就出现了。我将 div 的宽度设置为 30px X 30px。当将 50px 大小转换为 30px 时，我从获得的宽度中减去了 20px，以便它符合用户预期的 30px div 内。要显示图像的哪一部分的实际部分会导致问题，获得的顶部和左侧是对于 50px div，使用 top 和 left 对于 30px div，预期的部分不会显示，因为您可以猜到。
我想显示用户选择的部分。检查这个 jsfiddle：http: //jsfiddle.net/4mDQf/
我怎样才能做到这一点？
谢谢！