Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript双三次调整图像大小_Javascript_Image_Interpolation - Fatal编程技术网

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

使用Javascript双三次调整图像大小,javascript,image,interpolation,Javascript,Image,Interpolation,有没有办法使用JavaScript调整实际图像的大小?我不是说修改DOM以使浏览器调整图像大小。我实际上想调整图像像素数据的大小,然后显示它 基本上,我的问题是:Firefox在缩小具有精细功能的图像方面完全失败,因为它只有最近邻和二元线性。其他浏览器——甚至IE——都支持双三次。在不久的将来,这项计划将被包括在内,但这一讨论已经持续了一年多 我不介意下载全尺寸的图片,因为我想下载它们。当用户将鼠标悬停在图像的小版本上时,大版本会立即出现在页面的其他位置。如果我在服务器端调整大小,我将不得不下载

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

基本上,我的问题是:Firefox在缩小具有精细功能的图像方面完全失败,因为它只有最近邻和二元线性。其他浏览器——甚至IE——都支持双三次。在不久的将来,这项计划将被包括在内,但这一讨论已经持续了一年多


我不介意下载全尺寸的图片,因为我想下载它们。当用户将鼠标悬停在图像的小版本上时,大版本会立即出现在页面的其他位置。如果我在服务器端调整大小,我将不得不下载图像的两个副本,这将导致更多的流量。如果没有其他解决办法,那么这就是我要做的。。。我只是不想。这是可能的。你在同一个域上得到一个图像,写入画布,然后从那里操作像素数据(很复杂,但我相信可能),然后要么使用它,要么输出为png/gif/jpg。。。但是我认为你不会发现这是一种更好的方式来保留CSS所提供的微妙功能。

所以你只需要在Firefox或其他支持画布的浏览器上使用它?我的网站除了FF(甚至是最新版本)外,其他一切都很好。这是FF不提供双三次(或更好)大小调整功能的直接结果。我花了一些时间在谷歌上,希望找到一些可以“转换”的代码,但我并没有任何运气。这是一个严格保密的秘密吗?我认为通常的答案是:在服务器上自己生成它们。或者:使用闪光灯/银光灯。我真的不想用这两种方法,但是。。。看起来它不是javascript的一部分:-/在所有其他浏览器中,调整大小的图像看起来都很完美,因为这些浏览器使用了比双线性插值更好的东西——微妙的特性得到了保留。这只是我正在努力解决的FF的一个巨大缺点。有关实现上述功能的各种算法的实现,请参见此处: