requestanimationframe

    2热度

    1回答

    我有一个基于D3 v3的图表,使用内置的缩放行为来处理拖盘功能。 zoom处理程序正在使用​​更新更顺利比只是调用更新每个平移操作。 当我开始在图表中使用大量数据时,我注意到使用鼠标右键而不是左侧拖动时更新的性能明显更好。在深入挖掘Chrome DevTools之后,我发现两种操作之间存在着非常奇怪的差异。 这是右侧拖动以平移图表时的大块时间轴视图。 这是我所期望的时间表的样子,帧更新是相对正常和

    0热度

    1回答

    我想我的设置元素的风格,例如: this.refs.element.style = { ...this.props.style, background: 'blue', }; 但很显然,你不能使用对象设置裁判的风采。我必须使用一个CSS样式字符串;分离prop:values 我知道,大多数人会设定在渲染功能的风格,但对于性能方面的原因,我不能重复再渲染。

    0热度

    1回答

    我目前正在使用threejs和​​方法。我试着通过按住一个按钮将相机旋转到右侧。我的问题在于,通过释放按钮,旋转不会停止,每当我再次按下按钮时,结束都会加速。 HTML: <button id="right" onmousedown="rotateRight()" onmouseup="rotatestopRight()">Right</button> 的JavaScript: functio

    1热度

    1回答

    我想生成一个随机数,我在条件语句(If...else)中使用作为一个变量。 function PositionLoop(),其中条件陈述发生,分配​​。但是,我希望随机数不要在每个帧中重新生成。这太频繁,太快了。例如,我希望数字每3秒更改一次。另一个问题是,条件语句包含变量(Font),其中我再次使用在内部function PositionLoop()代码另一条线...... 我已经尝试不同的事情

    2热度

    1回答

    我想在我的Ionic 2应用程序中使用ThreeJS实现一个非常基本的动画。基本上试图旋转一个立方体。但多维数据集不旋转,因为requestAnimationFrame在渲染循环中只执行一次。 我只能看到这个。 没有旋转动画。我在下面分享我的代码。 home.html的 <ion-header> <ion-navbar> <ion-title> Ionic Blan

    0热度

    1回答

    我在尝试制作Javascript动画时遇到问题。我希望你们能够帮助我,因为我在Stackoverflow或其他网站上找不到类似的问题。警告:我喜欢写作,所以也许这个话题有点长,我很抱歉。我只想把一切都弄清楚。 TL; DR版本位于这篇文章的底部。 我想做什么? 我正在构建自己的Javascript库(用于学习目的,因此我不想使用jQuery或任何其他库来解决此问题)。图书馆有很多功能,动画就是其中

    0热度

    1回答

    一个有趣的情况,其中IE实际上运行我想要的方式:-)我做了这个函数来通过requestAnimationFrame做SVG动画(对于这个例子我省略了值计算,等等......但我的第一个实验是动画变化SVG rect的'fill'属性)。无论如何,IE浏览器运行的动画不错,速度快......但所有其他浏览器在运行动画之前都有明显的延迟。几乎就像那些浏览器需要“启动”一个引擎来处理这个每次...我也看

    0热度

    3回答

    我有一个ul,里面有一些li。 我想随机选择一个li并添加一个.active类为1秒,然后删除.active类和随机选择下一个li。 我想这样做,而不使用setInterval或超时,所以我尝试过使用requestAnimationFrame,虽然我认为我的逻辑与JavaScript是不完全正确的随机化。 目前我有它的工作,但它每次再次调用该函数时选择相同的li。 <ul> <li cl

    1热度

    1回答

    我用三个js使用了FBX格式。看起来像requestAnimationFrame是现在动画事件的事实上的方法。动画的速度非常快,就像闪电一样。找不到任何解决方案来控制fps。 见下面的图片。 的源代码: if (!Detector.webgl) Detector.addGetWebGLMessage(); var container, stats, controls; var camera

    0热度

    2回答

    我有两个观察对象Observable.of(0, animationFrame) & Observable.fromEvent(window, 'scroll')。我想合并它们,这样我的renderScrollBar(event)只在animationFrame的tick上被调用。 Observable.fromEvent(window, 'scroll') .map((event: