Tag: 图像大小调整

有没有办法在显示图像之前使用JavaScript裁剪和调整图像大小？

我有一堆图像保存在第三方服务器上，我想加载并在网页上显示为缩略图… 我可以使用JavaScript加载每个图像，裁剪并调整它们的大小相同，然后将它们显示在页面的网格中吗？ 理想情况下，我希望能够在客户端做到这一点。 我真的不想在服务器上预先加载和处理它们，因为我不想增加带宽使用量。

从父级的绝对中心缩放内联图像？

我知道这是另一个集中问题，但我认为这与StackOverflow上的任何其他问题不同。 在有人说是的之前，我已经找到了一个解决方案，但一无所获。 为了更好地理解我的观点，我嘲笑了一个图像，让你知道我想要我的图像做什么： http ： //cl.ly/1q143w1P2p19322s2L0s 问题 我有一个流畅的，完整的浏览器宽度布局。 对于这个问题并更好地解释它我的图像设置为400％宽度（自动计算高度以保持其纵横比）。 因此，图像将填满整个屏幕（以及更多）。 我尝试的每个方法都使图像从容器的父/包装器的左上角开始缩放，因此图像的左上角始终在视图中，但我不希望这种情况发生。 相反，当您调整浏览器大小时，我希望我的图像的确切中心始终在视图中。 无论浏览器窗口的高度或宽度如何。 我希望一切都有道理，很难解释。 到目前为止，我已经尝试过纯CSS解决方案但到目前为止没有运气。 jQuery可以帮助我吗？ – 我尝试过这种技术（http://css-tricks.com/centering-in-the-unknown/），但图像从图像的左上角开始缩放，这不是我想要的。