jQuery - 裁剪删除图像？

Question

我正在从另一个网站动态提取远程图像。其中一些图像的尺寸非常大。但是它们的宽度都是一样的。

所以目前，我用overflow:hidden; 显示它们。然而，一些图像的高度非常大。因此，这些图像的加载时间很长，即使它们的尺寸只显示了一小部分

在我将其拉入显示时，有什么方法（使用 JQuery）可以从根本上裁剪远程存在的图像？

Answer 1

javascript 是客户端，这意味着它在您的计算机上运行。如果不完全加载它，就无法使用 js 操作图像（即使您在 js 上有图像操作库）。

在您的情况下，您想在远程主机上操作图像 - 发出 HTTP 请求，使用 javascript 获取图像的一部分 - 这是不可能的（除非您有某种网络服务）。

在您的情况下 - 您可以从服务器 A 下载整个图像并将其上传到服务器 B 并使用服务器 B 运行操作。

更好的方法是从服务器 A 下载整个图像 - 使用 javascript（和 html 画布）进行操作并生成修改后的版本并将修改后的版本发送到服务器 B。由于下载速度快而上传速度慢 -这应该工作得很快。

在这两种情况下，您都需要下载整个图像。在第二种方法中，您不必将原始（大）图像上传到服务器，而只需一个较小的修改版本。