使用Javascript双重调整图像大小

Question

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

基本上我的问题是：Firefox完全无法缩小具有精细功能的图像，因为它只有最近邻和双线性。每个其他浏览器 - 甚至IE - 都支持Bicubic。不久的将来会有talk这种情况被包括在内，但这种说法已持续了一年多。

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

Answer 1

有可能。你在同一个域上获得一个图像，写入画布，然后从那里操纵像素数据（复杂，但我可以肯定），然后使用它或输出为png / gif / jpg ...但是......我认为你不会发现保留精致功能那个CSS的更好方法。