javascript - 在可放置的背景中保持图像大小

Question

如何保持图像的大小作为可放置的背景？我不知道图像的大小，所以当我将可放置背景设置为图像时，它要么裁剪以适合指定区域，要么相乘以适合它？如何在保持纵横比的同时通过拉伸(stretch)使其适合该区域？

因为我已经在我的样式中定义了 droppable 的大小，所以我不想更改我的 droppable 的大小来适应图像。相反，我希望加载的图像以适当的宽高比完全包含在可放置的含义中，而不被裁剪或相乘。这可以通过 jquery 或 javascript 完成吗？

Answer 1

两种可能的解决方案:第一个是 PHP GD 的 imagesx()和 imagesy() .当然，那是使用 PHP，但是如果您会使用 PHP，那么它可能会很好，因为您可能也会学习一些 PHP GD。 :)

否则，您可以使用解决方案来解决this question .