Added Shape AnnularSection

AnnularSection is a section of an annulus (ring) http://en.wikipedia.org/wiki/Annulus_%28mathematics%29
2025-10-15 12:34:52 +08:00 · 2013-12-12 22:42:30 -05:00
parent f31254bb87
commit 2a0f5421c9
4 changed files with 193 additions and 0 deletions
--- a/test/unit/shapes/AnnularSection-test.js
+++ b/test/unit/shapes/AnnularSection-test.js
@@ -0,0 +1,52 @@
+suite('AnnularSection', function() {
+    // ======================================================
+    test('add annular section', function() {
+        var stage = addStage();
+        var layer = new Kinetic.Layer();
+        var annularsection = new Kinetic.AnnularSection({
+            x: 100,
+            y: 100,
+            innerRadius: 50,
+            outerRadius: 80,
+            angle: Math.PI * 0.4,
+            fill: 'green',
+            stroke: 'black',
+            strokeWidth: 4,
+            name: 'myAnnularSection',
+            draggable: true
+        });
+
+        layer.add(annularsection);
+        stage.add(layer);
+
+        assert.equal(annularsection.getClassName(), 'AnnularSection');
+
+        var trace = layer.getContext().getTrace();
+        //console.log(trace);
+        assert.equal(trace, 'clearRect(0,0,578,200);save();transform(1,0,0,1,100,100);beginPath();arc(0,0,80,0,1.257,false);arc(0,0,50,1.257,0,true);closePath();fillStyle=green;fill();lineWidth=4;strokeStyle=black;stroke();restore();');
+    });
+
+    // ======================================================
+    test('set annular section angle using degrees', function() {
+        var stage = addStage();
+        var layer = new Kinetic.Layer();
+        var annularsection = new Kinetic.AnnularSection({
+            x: 100,
+            y: 100,
+            innerRadius: 50,
+            outerRadius: 80,
+            angleDeg: 90,
+            fill: 'green',
+            stroke: 'black',
+            strokeWidth: 4,
+            name: 'myAnnularSection',
+            draggable: true,
+            lineJoin: 'round'
+        });
+
+        layer.add(annularsection);
+        stage.add(layer);
+
+        assert.equal(annularsection.getAngle(), Math.PI / 2);
+    });
+});