cost 381 ms
使用 requestAnimationFrame 和 Date.now() 时增量不一致

[英]Inconsistent delta when using requestAnimationFrame and Date.now()

我有一个简单的片段: 我看到了我的期望,这些值有些相似, timestamp更加精确 但是,当在庞大的代码库中使用这个确切的代码时,我看到了非常不一致的结果。 从 raf 的时间戳派生的增量与我的刷新率一致,比较两个Date.now()调用的增量在 4 到很多之间变化。 可能是什么原因造成的? 我怀 ...

使用 window.requestAnimationFrame() 将 jQuery animate({scrollLeft: x}) 迁移到 vanilla JS

[英]Migrate jQuery animate({scrollLeft: x}) to vanilla JS using window.requestAnimationFrame()

我正在尝试迁移一些 jQuery 代码,这些代码在单击其图像时(将单击的图像放在浏览器视口的中心)在水平图像库中执行平滑滚动(来回): jQuery: 这是我想出的普通 JS 代码。 我知道我可以使用behaviour: 'smooth' window.scrollBy() ,但我想改用wind ...

当我离开选项卡时,requestAnimationFrame() 不会在 Firefox 停止吗?

[英]Does requestAnimationFrame() not stop in Firefox when I move away from the tab?

位于https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame的文档说: 在后台选项卡中运行时,大多数浏览器中的requestAnimationFrame()调用会暂停 “背景标签”是什么意思? 当我从 ...

如何设置 requestAnimationFrame 的持续时间

[英]How to set a duration for requestAnimationFrame

requestAnimationFrame是创建基于 javascript 动画的很好的解决方案。 但是我不能为这个 function 设置持续时间。我想播放动画一段时间。 我尝试了一些 fps 解决方案,但这些解决方案并不顺利。 我怎样才能在 x 秒内注满水? const water = d ...

如果元素在屏幕上,则触发 requestAnimationFrame

[英]requestAnimationFrame trigger if element is on screen

对于我的滚动网站,我想使用 requestAnimationFrame 创建一个 animation。如果元素通过滚动在屏幕上,则必须触发 requestAnimationFrame。 我对此有疑问。 只有当我刷新页面并且元素在屏幕上时,requestAnimationFrame 才会运行。 如果 ...

RequestAnimationFrame 不会停止记录

[英]RequestAnimationFrame won't stop logging

这是针对视频播放器的导引头 animation。 当我注意到尽管暂停了视频它也不会停止记录时,我正在控制台记录一些东西。 搜寻器 animation 已停止,但日志仍在继续。 我尝试的另一件事是: 这将在停止之前记录“嘿”300 次,然后在停止之前记录“暂停”300 次。 我对发生的事情很困惑。 ...

使用 requestAnimationFrame 时应该如何组织更新/绘制逻辑?

[英]How should I organize my update/draw logic when using requestAnimationFrame?

我的 HTML5 游戏的 JavaScript 代码结构如下: 问题在于animate() 。 我没有在 web 周围找到任何一致的来源,说明如何在其中组织requestAnimationFrame() 、 update()和drawing() 。 我试图自己详细说明它,但游戏确实以任何方法运行, ...

animation 上闪烁的水平线仅在 iOS 上使用 canvas 制作 16

[英]Flickering horizontal lines on the animation made with canvas only on iOS 16

我有 webview 应用程序,在启动屏幕上有一个 animation,带有使用 canvas 制作的 2 个渐变“波浪”。当我用 iOS 16 打开它时,我注意到在 animation 期间有一些闪烁的水平线闪烁。 只有当应用程序在 iOS 16 的设备上打开时才会发生。 我用下面的代码绘制了 ...

Chrome 何时为偷看标签生成 animation 框架?

[英]When does Chrome produce animation frames for peeked-at tabs?

Chrome 104 允许您“窥视”非活动浏览器选项卡:当您 hover 超过一个时,工具提示中会出现该页面的微型版本。 我想知道这个微型版本是否包含动画并使用以下 HTML 页面进行了测试: <;DOCTYPE html><html> <html>< ...

比 JavaScript 的 requestAnimationFrame 方法更好的 animation 方法?

[英]Better animation method than requestAnimationFrame for JavaScript?

我到处都能看到使用 requestAnimationFrame 的建议。 没有人告诉你的是,Chrome 会根据你的电源计划、打开的标签页数和月相将速度限制为 48 或 30fps,而不会以任何方式通知你。 无论您正在执行的实际工作量如何,它都会执行此操作。 对于实际的 animation,这很好 ...

报告渲染性能标记时 requestAnimationFrame(rAF) 的目的是什么?

[英]What is the purpose of a requestAnimationFrame(rAF) when reporting render perf markers?

在我们的代码库中,我们使用 RAFTimer 来报告渲染性能标记。 代码如下所示, callback将发送渲染性能标记。 我对这里为什么需要 requestAnimationFrame(rAF) 感到困惑。 setTimeout将在同步代码(渲染逻辑)之后执行,我想setTimeout的时间恰到 ...

使用 RequestAnimationFrame 创建淡入效果

[英]Using RequestAnimationFrame to create Fade in effect

我知道这可以通过使用 CSS 过渡来完成,但是这个 2 秒的淡入练习必须使用 requestAnimationFrame 来完成,下面是我的代码,它显示了图片但没有淡入效果,而且渲染过程也不流畅。 你能告诉我哪里错了以及如何改正吗? 非常感谢。 <!DOCTYPE html&g ...

requestAnimationFrame 和 getComputedStyle 不能按预期工作(在 Jake Archibalds “循环中”演讲之后)

[英]requestAnimationFrame and getComputedStyle don't work as expected (following along Jake Archibalds "In the Loop" speech)

我正在观看并关注 Jake Archibald 关于事件循环的演讲。 在某些时候,他尝试移动一个框,首先移动到 1000 像素,然后回到 500 像素。 您也可以在此处观看视频: Jake Archibald:在循环中 - JSConf.Asia (22:10) 他提供了两种解决方案,但我无法 ...

Safari 中的网络工作者

[英]Web Worker in Safari

我最近将网络工作者用于 PWA,并在我的工作者中调用了Self.RequestAnimationFrame() 。 但问题只是在Safari 浏览器中,它会触发RequestAnimationFrame()不存在的异常。 问题是 : 我说错了吗? 或者 这种情况还有其他解决方案吗? ...


 
粤ICP备18138465号  © 2020-2023 STACKOOM.COM