Added fabric.js type definitions

2026-09-11 11:50:54 +08:00 · 2012-12-27 14:02:56 +01:00
parent d57605344b
commit 15b588db28
9 changed files with 1880 additions and 0 deletions
@@ -0,0 +1,37 @@
+///<reference path="..\fabricjs.d.ts" />
+
+module fabric {
+    export interface ImageWithInfo extends IImage {
+        movingLeft: bool;
+    }
+}
+
+var canvas = new fabric.Canvas('c', { selection: false });
+
+setInterval(function() {
+  fabric.Image.fromURL('../assets/ladybug.png', function(obj) {
+      var img = <fabric.ImageWithInfo>obj;
+      img.set('left', fabric.util.getRandomInt(200, 600)).set('top', -50);
+      img.movingLeft = !!Math.round(Math.random());
+      canvas.add(img);
+  });
+}, 1000);
+
+
+var animate = (function animate() {
+    canvas.forEachObject(function (obj) {
+        var img = <fabric.ImageWithInfo>obj;
+        img.left += (img.movingLeft ? -1 : 1);
+        img.top += 1;
+        if (img.left > 900 || img.top > 500) {
+            canvas.remove(img);
+        }
+        else {
+            img.setAngle(img.getAngle() + 2);
+        }
+    });
+    canvas.renderAll();
+    window.requestAnimationFrame(animate);
+});
+
+animate();