DEPRECATED just use requestAnimationFrame– Promisified requestAnimationFrame with Q
JavaScript HTML
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
docs
src
test
.gitignore
.travis.yml
Gruntfile.js
LICENSE
README.md
component.json
package.json

README.md

DEPRECATED in favor of raf.

QanimationFrame

A simple Promise wrapper for requestAnimationFrame based on Q.

This library intends to promisify requestAnimationFrame.

Checkout the Annotated Source Code

Usage

QanimationFrame is a function which takes a function and returns a promise containing it's return value (after one frame).

QanimationFrame(f: function) => DOM.Element

Basic example

var elt = document.createElement("div");
elt.innerHTML = "Hello world";
window.document.body.appendChild(elt);

var doSomething = QanimationFrame(function () {
  elt.style.width = '50px';
  elt.style.height = '50px';
  return elt;
});

doSomething.then(function (elt) {
  // style changes are rendered
  var boundingBox = elt.getBoundingClientRect(elt);
  console.log(boundingBox.right - boundingBox.left);
});

Installation

via npm.

npm install qanimationframe

via bower

bower install qanimationframe

Supported browsers

All browsers are supported (including IE).

Tests

SauceLabs Status