Javascript 以可拖放为背景保持图像大小

Javascript 以可拖放为背景保持图像大小,javascript,jquery,html,ajax,jquery-ui,Javascript,Jquery,Html,Ajax,Jquery Ui,如何将图像的大小保持为可拖放的背景?我不知道图像的大小,所以当我将可拖放背景设置为图像时,它要么裁剪以适合指定区域,要么放大以适合它?如何在保持纵横比的同时通过拉伸使其适合面积 因为我已经在我的样式中定义了可拖放的大小,所以我不想更改可拖放的大小以适合图像。相反,我希望加载的图像完全包含在适当的纵横比下,而不被裁剪或放大。这可以通过jquery或javascript实现吗 两种可能的解决方案: 第一个是PHP GD的和。当然,这是在使用PHP,但如果您能使用PHP,那就很好了,因为您可能还会学到

如何将图像的大小保持为可拖放的背景?我不知道图像的大小,所以当我将可拖放背景设置为图像时,它要么裁剪以适合指定区域,要么放大以适合它?如何在保持纵横比的同时通过拉伸使其适合面积

因为我已经在我的样式中定义了可拖放的大小,所以我不想更改可拖放的大小以适合图像。相反,我希望加载的图像完全包含在适当的纵横比下,而不被裁剪或放大。这可以通过jquery或javascript实现吗

两种可能的解决方案: 第一个是PHP GD的和。当然,这是在使用PHP,但如果您能使用PHP,那就很好了,因为您可能还会学到一些PHP GD


否则,您可以使用解决方案来解决问题。

为了更清晰,我对问题进行了编辑。请看一看。使用第二种解决方案,您将知道您的图像大小。然后它可以被实际销毁或显示:无。之后,您可以计算比率。