如何在使用JavaScript调整图像大小时保持图像质量不变？

例如，如果我有一张照片，我以32像素大小显示，然后用JavaScript将像素放大到64像素64，则图像质量会变差，持续约1至2秒，然后获取更好。

那么有没有一种方法可以防止使用JavaScript调整大小时图片的质量下降？

2012-10-15 think123

你打你的脚本较大的图像？或者只是搞乱宽度和高度？ – AMember

@AMember只是乱七八糟的宽度和高度。 – think123

这意味着您的浏览器负责以您设定的比例渲染图像，该过程可能需要一定时间，具体取决于您的机器和浏览器供应商。我建议您在新的宽度和高度创建第二张图像，将其预加载到文档中，然后在2. – AMember

您可以交换预先加载的图像的图像，而不是调整大小。

2012-10-15 09:11:52

之间进行交换，您可以提供一个示例吗？ – think123

只需通过构建一个精灵或将它们加载到隐藏的div中来加载图像，然后通过移动精灵或交换src属性来交换图像。 –

它首先取决于图像的大小，如果图像大小大于您在代码中设置的大小，很明显，如果使用javascript进行缩放，它将显示更清晰一点。

如果图像本身尺寸较小并且想要缩放，则图像将失真并像素化。

也当过您要放大或使其具有更大的命题相等尝试，或者您可以使用CSS属性变焦放大

2012-10-15 09:14:21

回答