代码之家 › 专栏 › 技术社区 › devnull69

检测图像在屏幕上完成渲染的时间

rendering image angularjs

devnull69 · 技术社区 · 9 年前

这基本上是我的HTML。这是响应式设计的一部分,因此我不能依赖固定的宽度/高度:

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

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

但是:在图像完成渲染时,我需要获取 clientWidth 和 clientHeight 属性。

那么,我如何以编程方式检测

不使用奇怪的超时?

1 回复 | 直到 9 年前

Community CDub 7 年前

另外两个问题将对您有所帮助。这 SO post 将通过 load 事件
和 this post 将通过检测渲染 requestAnimationFrame .

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

3 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

3 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

3 年前

jieunbi · 按日期排序数组(最新优先)

3 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

3 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前