lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-04-05 20:48:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

FastLayer now can have transforms. close #56

Browse Source
This commit is contained in:
Anton Lavrenov 2015-05-05 07:03:14 +07:00
parent 67e52e9d73
commit 33de4cb0b6
6 changed files with 991 additions and 965 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1894
konva.js
View File

File diff suppressed because it is too large Load Diff

12
konva.min.js vendored
View File

File diff suppressed because one or more lines are too long

7
src/BaseLayer.js
View File

@ -193,6 +193,13 @@
},
setHeight: function() {
Konva.Util.warn('Can not change height of layer. Use "stage.height(value)" function instead.');
},
// the apply transform method is handled by the Layer and FastLayer class
// because it is up to the layer to decide if an absolute or relative transform
// should be used
_applyTransform: function(shape, context, top) {
var m = shape.getAbsoluteTransform(top).getMatrix();
context.transform(m[0], m[1], m[2], m[3], m[4], m[5]);
}
});
Konva.Util.extend(Konva.BaseLayer, Konva.Container);

9
src/FastLayer.js
View File

@ -57,15 +57,6 @@
return this;
},
// the apply transform method is handled by the Layer and FastLayer class
// because it is up to the layer to decide if an absolute or relative transform
// should be used
_applyTransform: function(shape, context, top) {
if (!top || top._id !== this._id) {
var m = shape.getTransform().getMatrix();
context.transform(m[0], m[1], m[2], m[3], m[4], m[5]);
}
},
draw: function() {
this.drawScene();
return this;

7
src/Layer.js
View File

@ -178,13 +178,6 @@
return this;
},
// the apply transform method is handled by the Layer and FastLayer class
// because it is up to the layer to decide if an absolute or relative transform
// should be used
_applyTransform: function(shape, context, top) {
var m = shape.getAbsoluteTransform(top).getMatrix();
context.transform(m[0], m[1], m[2], m[3], m[4], m[5]);
},
drawHit: function(can, top) {
var layer = this.getLayer(),
canvas = can || (layer && layer.hitCanvas);

27
test/unit/FastLayer-test.js
View File

@ -21,6 +21,31 @@ suite('FastLayer', function() {
});
test('transform', function() {
var stage = addStage();
var fastLayer = new Konva.FastLayer({
x: stage.width() / 2,
y: stage.height() / 2
});
var layer = new Konva.Layer({
x: stage.width() / 2,
y: stage.height() / 2
});
var circle = new Konva.Circle({
radius: 70,
fill: 'green'
});
fastLayer.add(circle);
layer.add(circle.clone());
stage.add(layer, fastLayer);
compareLayers(fastLayer, layer);
});
test('cache shape on fast layer', function(){
var stage = addStage();
var layer = new Konva.FastLayer();
@ -55,4 +80,4 @@ test('cache shape on fast layer', function(){
});
});
});