更改具有宽度和高度的图像的 src 会导致 DOM 抖动吗？
[英]Does changing the src of an image with a width and height cause DOM thrashing?
问题描述
如果我有一个宽度/高度设置为<img width=x height=x src=blank_pixel />的图像标签，并且我将 src 更改为某个图像 url，这会导致 dom 布局无效吗？
1 个解决方案
解决方案1
0 已采纳 2015-06-30 23:57:13
Using chrome dev tools I see next sequence:
使用 chrome 开发工具，我看到了下一个序列：
- Recalculate style + Layout + Update layer tree重新计算样式 + 布局 + 更新图层树
- Paint画
- Composite Layers复合层
My answer is yes.我的回答是肯定的。 Browser donwload new image, scale it (if it's necessary) and then calculate layout, do the paint and composite the image.浏览器下载新图像，缩放它（如果有必要），然后计算布局，绘制并合成图像。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
JavaScript更改高度和宽度不会更改SRC图像 - Javascript changing height and width does not change SRC image
使用JavaScript更改图像的src不会导致图像更改 - Changing the src of an image with JavaScript does not cause the image to change
为什么设置 textContent 会导致布局抖动？ - Why does setting textContent cause layout thrashing?
Javascript如何更改图像src的高度和宽度 - Javascript How to change height and width of an image src
获取图像的宽度和高度。 src 是代理 - Get image width and height. src is proxy
更改src后获取图像的高度 - Get the height of an image after changing the src
是否有可能获得不在DOM中的图像的高度/宽度？ - Is it possible to get the height/width of an image that's not in the DOM?
设置img src属性时宽度和高度不改变 - Width and height not changing when setting img src property
更改图片的src属性时是否会导致重排？ - Whether it will cause a reflow when changing the image's src attribution?
Image() 不接受宽度和高度 - Image() does not accept width and height
相关标签