我允许用户编辑他们的个人资料图标,以便用户可以调整他们的图标以显示图像的哪个部分。
我有一个固定的<div>
,宽度为50px,高度为50px;当用户编辑图标时,将使用此尺寸。图像将更大,用户可以拖动和设置要显示的内容。在编码部分,我已经采取宽度,高度,顶部,左边。顶部和左边用于确定什么到show.Hope你理解。
当编辑的图标显示在顶部栏中时,我的问题就出现了。我将div的宽度设置为30px X 30px。当将50px尺寸转换为30px时,我从所获得的宽度中减去了20px,使其适合用户所期望的30px div内。显示图像的哪个部分的实际部分会导致问题,获得的顶部和左边是对于50px div,使用顶部和左侧30px div,预期的部分不会显示,因为你可以猜到。
我想显示用户选择的部分。检查这个jsfiddle:http://jsfiddle.net/4mDQf/
我该怎么做?
谢谢!
答案 0 :(得分:-1)
我找到了解决方案:
剪切要以50px显示的部分,并使用php将剪切图像缩小为30px。