lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-09-19 10:47:59 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Added Ring Shape

Browse Source 
Ring shape—circle with hollow center.
This commit is contained in:
Barrett Harber
2013-12-13 02:07:16 -05:00
parent c7d7fef80a
commit 27532e1d05
4 changed files with 130 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
test/unit/shapes/Ring-test.js Normal file
View File

@@ -0,0 +1,23 @@
suite('Ring', function() {
// ======================================================
test('add ring', function() {
var stage = addStage();
var layer = new Kinetic.Layer();
var ring = new Kinetic.Ring({
x: stage.getWidth() / 2,
y: stage.getHeight() / 2,
innerRadius: 50,
outerRadius: 90,
fill: 'green',
stroke: 'black',
strokeWidth: 4
});
layer.add(ring);
stage.add(layer);
assert.equal(ring.getClassName(), 'Ring');
var trace = layer.getContext().getTrace();
assert.equal(trace, 'clearRect(0,0,578,200);save();transform(1,0,0,1,289,100);beginPath();arc(0,0,50,0,6.283,false);moveTo(90,0);arc(0,0,90,6.283,0,true);closePath();fillStyle=green;fill();lineWidth=4;strokeStyle=black;stroke();restore();');
});
});