{"dist":{"shasum":"8e2e1ab2aafeaae959474d0aad3cdd6a08d806d8","tarball":"https://registry.npmjs.org/raf-component/-/raf-component-1.1.1.tgz","integrity":"sha512-JcKCJDUyGCIWn98Wxs11kb/qiY+YFWqJ7VuGus8AODBtgydnqivUtUjOpYVUckf5o4l/HtLJyFUWycGoWuGe2Q==","signatures":[{"sig":"MEYCIQDtAPoeZVPCx9OK0+AknGPhpsis1oVihunWtoWx9W1S+gIhAKyW62jUmrG6ZdnCtm9kjxl8nA5BeLekoYjT/xmH5Bu2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"name":"raf-component","_from":".","readme":"\n# raf\n\n  request animation frame\n\n## Installation\n\n    $ component install component/raf\n\n## Example\n\n  Request the animation frame with `raf(fn)`, cancel with `raf.cancel(id)`.\n\n```js\nvar x = 0;\nvar y = 50;\nvar canvas = document.querySelector('canvas');\nvar ctx = canvas.getContext('2d');\nvar raf = require('raf');\n\nfunction animate() {\n  raf(animate);\n  draw();\n}\n\nvar prev = Date.now();\nfunction draw() {\n  var curr = Date.now();\n  var diff = curr - prev;\n  var p = diff / 16;\n  ctx.clearRect(0, 0, 900, 300);\n  ctx.beginPath();\n  ctx.globalAlpha = .5;\n  ctx.arc(x, y, 10, 0, Math.PI * 2, false);\n  ctx.fill();\n  x += 2;\n  y += Math.sin(x/20) * 5;\n  prev = curr;\n}\n\nanimate();\n```\n\n## License\n\n  MIT\n","_npmUser":{"name":"tjholowaychuk","email":"tj@vision-media.ca"},"keywords":["animate","requestAnimationFrame","performance"],"component":{"scripts":{"raf/index.js":"index.js"}},"_npmVersion":"1.2.30","description":"request animation frame","development":{},"maintainers":[{"name":"tjholowaychuk","email":"tj@vision-media.ca"}],"dependencies":{},"readmeFilename":"Readme.md","_id":"raf-component@1.1.1","version":"1.1.1"}