如何在使用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

回答