javascript - 使用 Javascript 双三次调整图像大小

Question

有没有办法使用 JavaScript 调整实际图像的大小？我不是在谈论修改 DOM 以使浏览器调整图像大小。我实际上想调整图像像素数据的大小，然后显示它。

基本上我的问题是:Firefox 完全无法缩小具有精细特征的图像，因为它只有最近邻和 Binlinear。所有其他浏览器——甚至 IE——都支持 Bicubic。有 talk这在不久的将来会被包括在内，但讨论已经进行了一年多。

我不介意下载全尺寸图片，因为无论如何我都想下载它们。当用户将鼠标悬停在图像的小版本上时，大版本会立即出现在页面的其他位置。如果我在服务器端调整大小，我将不得不下载图像的两个副本，这会导致更多的流量。如果没有其他解决方法，那么这就是我必须要做的……我只是不想这样做。

Answer 1

这是可能的。你在同一个域上得到一个图像，写入 Canvas ，然后从那里操作像素数据(复杂，但我敢肯定可能)，然后使用它或输出为 png/gif/jpg ......但是......我认为您不会发现保留 CSS 的精致功能会更好。