如何确定页面中的N个图片都已经加载完成，并且确定了在页面中的尺寸？

Question

我们做的一款Web App，其中会从后台获取DOM结构（包在一个section元素里），然后append到一个container div下面。
之后，需要计算一下新加进来的section的尺寸信息。
我们发现，一旦这个section里含有一些img元素，就会导致append后，马上计算尺寸，拿到的数据是不准确的。
我们已经用过Mutation Observer来监控container下的元素变化，延后了计算时间。但是这个方法无法解决图片的问题。

请问，我们怎么抓住这样一个时点：所有图片都已加载完毕，并且之后不会再影响页面的布局。

多谢各位大神。