lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2026-01-23 21:34:50 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

new transformsEnabled property which yields absolute best rendering performance

Browse Source
This commit is contained in:
Eric Rowell
2013-12-10 23:28:46 -08:00
parent 44b5b63263
commit 6d31f6ed08
6 changed files with 180 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
test/performance/common/random-squares.js
View File

@@ -85,24 +85,25 @@
function make_shape(color) {
if (VERSION === 'new') {
// return new Kinetic.Rect({
// fill: color,
// width: 10,
// height: 10
// });
return new Kinetic.Rect({
fill: color,
width: 10,
height: 10,
transformsEnabled: false
});
return new Kinetic.Shape({
drawFunc: function(context) {
var _context = context._context;
_context.beginPath();
_context.rect(0, 0, 10, 10);
_context.closePath();
_context.fillStyle = 'red';
_context.fill();
}
});
// return new Kinetic.Shape({
// drawFunc: function(context) {
// var _context = context._context;
// _context.beginPath();
// _context.rect(0, 0, 10, 10);
// _context.closePath();
// _context.fillStyle = 'red';
// _context.fill();
// }
// });
} else {

68
test/unit/Node-test.js
View File

@@ -2649,5 +2649,73 @@ suite('Node', function() {
assert.equal(rect.shouldDrawHit(), false);
});
// ======================================================
test('ancestorTransformEnabled', function(){
var stage = addStage();
var layer = new Kinetic.Layer();
var group = new Kinetic.Group();
var circle = new Kinetic.Circle({
x: 100,
y: 100,
radius: 70,
fill: 'green',
stroke: 'black',
strokeWidth: 4,
name: 'myCircle',
draggable: true
});
group.add(circle);
layer.add(group);
stage.add(layer);
assert.equal(circle.isAncestorTransformsEnabled(), true);
circle.disableAncestorTransforms();
assert.equal(circle.isAncestorTransformsEnabled(), false);
circle.enableAncestorTransforms();
assert.equal(circle.isAncestorTransformsEnabled(), true);
});
// ======================================================
test('transformEnabled', function(){
var stage = addStage();
var layer = new Kinetic.Layer();
var group = new Kinetic.Group();
var circle = new Kinetic.Circle({
x: 100,
y: 100,
radius: 70,
fill: 'green',
stroke: 'black',
strokeWidth: 4,
name: 'myCircle',
draggable: true
});
group.add(circle);
layer.add(group);
stage.add(layer);
assert.equal(circle.isTransformsEnabled(), true);
circle.disableTransforms();
assert.equal(circle.isTransformsEnabled(), false);
layer.draw();
circle.enableTransforms();
assert.equal(circle.isTransformsEnabled(), true);
});
});

32
test/unit/Stage-test.js
View File

@@ -428,36 +428,4 @@ suite('Stage', function() {
//console.log(stage.getStage());
});
// ======================================================
test('stage.nestedTransformEnabled', function(){
var stage = addStage();
var layer = new Kinetic.Layer();
var group = new Kinetic.Group();
var circle = new Kinetic.Circle({
x: 100,
y: 100,
radius: 70,
fill: 'green',
stroke: 'black',
strokeWidth: 4,
name: 'myCircle',
draggable: true
});
group.add(circle);
layer.add(group);
stage.add(layer);
assert.equal(stage.isNestedTransformsEnabled(), true);
stage.disableNestedTransforms();
assert.equal(stage.isNestedTransformsEnabled(), false);
stage.enableNestedTransforms();
assert.equal(stage.isNestedTransformsEnabled(), true);
});
});