lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-10-15 12:34:52 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add new method getClientRect(). rethink caching.

Browse Source
This commit is contained in:
lavrton
2015-02-12 14:10:36 +07:00
parent b9c6bc2d10
commit e39d7861c3
37 changed files with 1813 additions and 453 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
test/unit/shapes/Ellipse-test.js
View File

@@ -1,7 +1,7 @@
suite('Ellipse', function(){
// ======================================================
test('add ellipse', function(){
// ======================================================
test('add ellipse', function(){
var stage = addStage();
var layer = new Konva.Layer();
var ellipse = new Konva.Ellipse({
@@ -18,5 +18,84 @@ suite('Ellipse', function(){
var trace = layer.getContext().getTrace();
assert.equal(trace, 'clearRect(0,0,578,200);save();transform(1,0,0,1,289,100);beginPath();save();scale(1,0.5);arc(0,0,70,0,6.283,false);restore();closePath();fillStyle=green;fill();lineWidth=8;strokeStyle=black;stroke();restore();');
});
});
// ======================================================
test('attrs sync', function() {
var stage = addStage();
var layer = new Konva.Layer();
var ellipse = new Konva.Ellipse({
x: stage.getWidth() / 2,
y: stage.getHeight() / 2,
radius: {x:70, y:35},
fill: 'green',
stroke: 'black',
strokeWidth: 8
});
layer.add(ellipse);
stage.add(layer);
assert.equal(ellipse.getWidth(), 140);
assert.equal(ellipse.getHeight(), 70);
ellipse.setWidth(100);
assert.equal(ellipse.radiusX(), 50);
assert.equal(ellipse.radiusY(), 35);
ellipse.setHeight(120);
assert.equal(ellipse.radiusX(), 50);
assert.equal(ellipse.radiusY(), 60);
});
test('getSelfRect', function() {
var stage = addStage();
var layer = new Konva.Layer();
var ellipse = new Konva.Ellipse({
x: stage.getWidth() / 2,
y: stage.getHeight() / 2,
radius: {x:70, y:35},
fill: 'green',
stroke: 'black',
strokeWidth: 8
});
layer.add(ellipse);
stage.add(layer);
assert.deepEqual(ellipse.getSelfRect(), {
x : -70,
y : -35,
width : 140,
height : 70
});
});
test('cache', function() {
var stage = addStage();
var layer = new Konva.Layer();
var ellipse = new Konva.Ellipse({
x: stage.getWidth() / 2,
y: stage.getHeight() / 2,
radius: {x:70, y:35},
fill: 'green',
stroke: 'black',
strokeWidth: 8
});
ellipse.cache();
layer.add(ellipse);
stage.add(layer);
var canvas = createCanvas();
var context = canvas.getContext('2d');
context.save();
context.beginPath();
context.scale(1, 0.5);
context.arc(stage.getWidth() / 2, stage.getHeight(), 70, 0, Math.PI * 2, false);
context.closePath();
context.restore();
context.fillStyle = 'green';
context.fill();
context.lineWidth = 8;
context.stroke();
compareLayerAndCanvas(layer, canvas, 50);
});
});