2020-05-08 22:59:35 +08:00
|
|
|
suite('Group', function () {
|
2014-03-22 15:13:05 +08:00
|
|
|
// ======================================================
|
2020-05-08 22:59:35 +08:00
|
|
|
test('cache group with text', function () {
|
2014-03-22 15:13:05 +08:00
|
|
|
var stage = addStage();
|
|
|
|
|
2015-01-27 15:07:51 +08:00
|
|
|
var layer = new Konva.Layer();
|
|
|
|
var group = new Konva.Group({
|
2017-02-24 22:15:33 +08:00
|
|
|
draggable: true,
|
2020-09-18 02:25:46 +08:00
|
|
|
x: 50,
|
2020-05-08 22:59:35 +08:00
|
|
|
y: 40,
|
2014-03-22 15:13:05 +08:00
|
|
|
});
|
2015-01-27 15:07:51 +08:00
|
|
|
var text = new Konva.Text({
|
2017-02-24 22:15:33 +08:00
|
|
|
text: 'some text',
|
|
|
|
fontSize: 20,
|
|
|
|
fill: 'black',
|
2020-05-08 22:59:35 +08:00
|
|
|
y: 50,
|
2014-03-22 15:13:05 +08:00
|
|
|
});
|
|
|
|
|
2015-01-27 15:07:51 +08:00
|
|
|
var rect = new Konva.Rect({
|
2017-02-24 22:15:33 +08:00
|
|
|
height: 100,
|
|
|
|
width: 100,
|
2020-09-18 02:25:46 +08:00
|
|
|
stroke: 'black',
|
2017-02-24 22:15:33 +08:00
|
|
|
strokeWidth: 10,
|
2020-09-18 02:25:46 +08:00
|
|
|
// cornerRadius: 1,
|
2014-03-22 15:13:05 +08:00
|
|
|
});
|
|
|
|
group.add(text);
|
|
|
|
group.add(rect);
|
|
|
|
layer.add(group);
|
|
|
|
|
|
|
|
stage.add(layer);
|
|
|
|
|
2017-02-24 22:15:33 +08:00
|
|
|
group
|
|
|
|
.cache({
|
2020-09-18 02:25:46 +08:00
|
|
|
x: -15,
|
|
|
|
y: -15,
|
|
|
|
width: 150,
|
|
|
|
height: 150,
|
2017-02-24 22:15:33 +08:00
|
|
|
})
|
|
|
|
.offsetX(5)
|
|
|
|
.offsetY(5);
|
2014-03-22 15:13:05 +08:00
|
|
|
|
2020-09-18 02:25:46 +08:00
|
|
|
layer.draw();
|
|
|
|
|
|
|
|
cloneAndCompareLayer(layer, 200);
|
2014-03-22 15:13:05 +08:00
|
|
|
});
|
|
|
|
});
|