requestanimationframe 相关问题

对于在循环中运行的动画或应用程序，HTML5 window.requestAnimationFrame API是setTimeout的替代方法。

我想使用requestAnimationFrame播放HTML 元素。这很有用，因为它可以更好地控制播放（例如，可以播放某些部分，控制速度，...

javascript html animation html5-video requestanimationframe

回答 1 投票 2

我如何测试在玩笑中使用`requestAnimationFrame`的代码？

我想为使用requestAnimationFrame和cancelAnimationFrame的模块编写一个有趣的单元测试。我尝试使用自己的模拟方法覆盖window.requestAnimationFrame（如此答案中所建议的那样，...

jestjs settimeout requestanimationframe jsdom

回答 1 投票 0

requestAnimationFrame和鼠标事件中时间戳的顺序

我遇到了一个问题，其中requestAnimationFrame回调中收到的时间戳和鼠标事件似乎不按顺序排列，我的意思是我希望它们会不断增加（因为我希望时间只在...中出现）。

javascript html timestamp requestanimationframe mousedown

回答 1 投票 0

在requestIdleCallback中使用requestAnimationFrame

如果我动画化JS中DOM的变化（例如，将节点的textContent的值从1更改为500，最好在...内使用requestAnimationFrame或requestAnimationFrame ...

javascript dom requestanimationframe requestidlecallback

回答 1 投票 0

requestAnimationFrame何时执行？

浏览器读取并运行一个JavaScript文件，写入该文件的同步任务立即变为执行中的任务，setTimeout回调变为宏任务，并且promise回调变为...

javascript asynchronous javascript-events promise requestanimationframe

回答 1 投票 13

同步运行画布动画和视频

我想在两个视频的顶部使用window.requestanimationframe（）方法为画布上的内容制作动画（例如，突出显示两个视频中的重要内容）。当前，动画正在运行，并在...

javascript canvas html5-canvas html5-video requestanimationframe

回答 1 投票 1

requestAnimationFrame时间戳限制

我正在尝试根据requestAnimationFrame编写一个基本的游戏循环。对requestAnimationFrame的回调是通过一个时间戳参数传递的，据我所知，这是自...

javascript requestanimationframe

回答 2 投票 0

为什么每次我重播后我的精灵都会加快一点速度？

我在下面添加了一个有效的代码段（如果您想看到完整的效果，只需用小精灵替换红色矩形；基本上，每次我重播时，小精灵动画也会加快速度...] >

javascript requestanimationframe

回答 2 投票 0

requestAnimationFrame似乎无效

我最近看了杰克·奇巴尔德（Jake Chibald）的讲话。他在讲话中举了一个例子。盒子将直接移到500px的位置。而不是从1000像素变为500像素。 jake chibald的解决方案是...

javascript html css event-loop requestanimationframe

回答 1 投票 0

带有requestAnimationFrame问题的角度组件

与Angular 9一起使用TH.Js。该应用程序允许您通过单击按钮在2D html组件和3D ThreeJs组件之间切换。 3D组件在...

angular three.js requestanimationframe

回答 1 投票 0

用于在闭合路径（如画布中的正方形或三角形）上设置点动画的算法？

如何在封闭路径上为点设置动画。对于下面的示例，我可以将其像素化，但是我想知道是否有更好的数学解决方案来对路径进行动画处理。 CodeSandbox注意：我是...

javascript algorithm animation canvas requestanimationframe

回答 1 投票 0

在每帧rAF之前运行任务的可靠方式

我绊住了一篇文章-Paul Irish发布的requestAnimationFrame Scheduling For Nerds。我通读了所有内容，然后提出了一个问题，即有什么办法可以安排运行......>

javascript browser requestanimationframe

回答 1 投票 0

如何用requestAnimationFrame替换setInterval

这是我的情况，我需要加快函数的运行时间，所以setInterval不是一个明智的选择，对吧？因为每次将花费至少4ms。因此，我可以将setInterval函数更改为...

setinterval requestanimationframe

回答 2 投票 3

使鼠标拖曳拖动发生在requestAnimationFrame内部是否有用？

我有一个拖动库，可在每次鼠标移动时移动元素。众所周知，mousemove经常触发，因此迫使浏览器重新绘制。可以通过执行实际的...

javascript draggable requestanimationframe

回答 1 投票 2

有关平滑且快速的UI的研究，使用Svelte 3的疑问

问题是我正在使用Svelte 3和令人惊叹的svelte-spa-router（https://github.com/ItalyPaleAle/svelte-spa-router）！该问题不适用于此路由器。许多项目都有...

javascript navigation settimeout requestanimationframe svelte

回答 1 投票 0

[使用Google Maps API v3中的请求动画框架对地图标记进行动画处理

我已经使用setTimeout为Google Maps API v3中的路线设置了Google Map标记的动画，但是我想找到一种使用请求动画框架来实现此目的的方法。但是，当我尝试执行此操作时-...

javascript google-maps animation google-maps-api-3 requestanimationframe

回答 2 投票 0

在参数'img'范围之外定义函数animate（）失败，使用react useEffect

目标：我想在我的React useEffect（）钩子（它会加载图像进行动画处理）之外定义我的animation（）函数，因为我只想定义一次，而不是每次依赖项更改一次。 ...

reactjs image scope requestanimationframe

回答 1 投票 0

从javascript类内部更改div的内容

您好，亲爱的编码伙伴，我遇到了一个问题：我试图用我制作的类中方法的结果来更改div的内容。不知何故我一直以null结尾。我可能正在做...

javascript class requestanimationframe

回答 1 投票 3

如何观察DOM元素位置变化

我需要观察DOM元素的位置，因为我需要显示一个相对于它的弹出面板（但不在同一容器中），并且该面板应该跟随该元素。我应该如何实现这种逻辑？ ...

javascript performance scroll requestanimationframe intersection-observer

回答 1 投票 -4

对于性能animationFrame或onScroll有什么更好的？

我有一个用react创建的选取框元素。我希望字幕在元素不可见时停止。这是我用于检查可见性的代码：const isVisible =（）=> {const rect = ...

javascript reactjs requestanimationframe

回答 1 投票 0

requestanimationframe 相关问题

最新问题