implement pinch to zoom
This commit is contained in:
+46
@@ -0,0 +1,46 @@
|
||||
|
||||
# raf
|
||||
|
||||
request animation frame
|
||||
|
||||
## Installation
|
||||
|
||||
$ component install component/raf
|
||||
|
||||
## Example
|
||||
|
||||
Request the animation frame with `raf(fn)`, cancel with `raf.cancel(id)`.
|
||||
|
||||
```js
|
||||
var x = 0;
|
||||
var y = 50;
|
||||
var canvas = document.querySelector('canvas');
|
||||
var ctx = canvas.getContext('2d');
|
||||
var raf = require('raf');
|
||||
|
||||
function animate() {
|
||||
raf(animate);
|
||||
draw();
|
||||
}
|
||||
|
||||
var prev = Date.now();
|
||||
function draw() {
|
||||
var curr = Date.now();
|
||||
var diff = curr - prev;
|
||||
var p = diff / 16;
|
||||
ctx.clearRect(0, 0, 900, 300);
|
||||
ctx.beginPath();
|
||||
ctx.globalAlpha = .5;
|
||||
ctx.arc(x, y, 10, 0, Math.PI * 2, false);
|
||||
ctx.fill();
|
||||
x += 2;
|
||||
y += Math.sin(x/20) * 5;
|
||||
prev = curr;
|
||||
}
|
||||
|
||||
animate();
|
||||
```
|
||||
|
||||
## License
|
||||
|
||||
MIT
|
||||
Reference in New Issue
Block a user