更改具有寬度和高度的圖像的 src 會導致 DOM 抖動嗎？

Question

如果我有一個寬度/高度設置為<img width=x height=x src=blank_pixel />的圖像標簽，並且我將 src 更改為某個圖像 url，這會導致 dom 布局無效嗎？

Answer 1

使用 chrome 開發工具，我看到了下一個序列：

1. 重新計算樣式 + 布局 + 更新圖層樹
2. 畫
3. 復合層

我的回答是肯定的。 瀏覽器下載新圖像，縮放它（如果有必要），然后計算布局，繪制並合成圖像。