检测图像何时在屏幕上呈现

Question

这基本上是我的HTML。它是响应式设计的一部分，所以我不能依赖固定的宽度/高度：

<img ng-src="{{imageSrc}}" />

我的控制器内部更改了$scope.imageSrc的值，视图正在正确更新。

但是：在图像完成渲染的时间点，我需要获得clientWidth和clientHeight属性。

那么如何以编程方式检测

1. 图片已完成加载
2. 视图已使用渲染图像完全更新

没有使用奇怪的超时？

Answer 1

另外两个问题可以帮到你。 此SO post会检测load事件的加载情况 this post将通过requestAnimationFrame检测呈现。