{"dist":{"shasum":"d95a381a7ec1c2cc9ee262b203feea5a812e559a","tarball":"https://registry.npmjs.org/raf-component/-/raf-component-1.1.0.tgz","integrity":"sha512-ECJ5DBYmLXi/tN0wRx0PLxaFU2MQ9/umF2bCevbaMh3cCOXbNDoowEFTSik9VMsCmN3OAFNtlEDBSJTQ92DCiw==","signatures":[{"sig":"MEQCHwMN3PaLgZ8jNEeTTqKMgSG5r7L7ULnnSDUur70szcICIQDPoTMClxCSj9EJhL7wVpOhPJMWVUD8RxTP8RcA12Dyfg==","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.0","version":"1.1.0"}