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

Posted 2023-02-25

【中文标题】使用固定的 div 减小图像的大小

【英文标题】：Reduce size of image with a fixed div

【发布时间】：2013-02-12 17:04:41

【问题描述】：

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

我有一个固定的<div>，宽度为 50 像素，高度为 50 像素； .这个尺寸将在用户编辑图标时使用。图像会更大，用户可以拖动并设置要显示的内容。在编码部分我采取了宽度，高度，顶部，左侧。顶部和左侧用于确定要显示的内容表演。希望你能理解。

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

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

我该怎么做？

谢谢！

【问题讨论】：

不知道你在做什么。您希望允许用户切出图像的特定块用作他们的图标，而不是仅仅将整个图像的大小调整到您的 30x30 限制？

【参考方案1】：

我想出了一个解决办法：

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