javascript - 浏览器图像渲染

Question

我正在使用 JavaScript 在我的网页上动态调整透明 .gif 的大小。原始图像大小约为 200x200 像素，通常会调整到 600x600 到 800x800 之间。在 IE8 和 FF3 中，调整大小后的图像会产生漂亮的渐变效果，其中的颜色似乎被拉伸(stretch)了。但是，在 IE7 和 FF2 等较旧的浏览器中，调整大小后的图像不会显示渐变，而只是显示相同颜色的 block 。显然，浏览器中有一些内置的东西会导致这种情况，但是我很好奇是否有一种方法可以解决这个问题而不必更改我的原始图像。

Answer 1

没有。较旧的浏览器只是获取图像中的像素，并根据您为图像提供的新尺寸将它们相乘。

较新的浏览器似乎具有更高级的图像渲染和抗锯齿等功能，但较旧的浏览器无法做到这一点。如果您希望图像在所有尺寸下看起来都不错，请尽可能使用最大的尺寸，然后根据需要缩小尺寸。放大小图片会很难看，尤其是在旧浏览器中，而且您无能为力。