2014-03-22 15:13:05 +08:00
|
|
|
suite('Group', function() {
|
|
|
|
|
|
|
|
// ======================================================
|
|
|
|
test('cache group with text', function() {
|
|
|
|
var stage = addStage();
|
|
|
|
|
2015-01-27 15:07:51 +08:00
|
|
|
var layer = new Konva.Layer();
|
|
|
|
var group = new Konva.Group({
|
2014-03-22 15:13:05 +08:00
|
|
|
draggable : true,
|
|
|
|
x: 100,
|
|
|
|
y: 40
|
|
|
|
});
|
2015-01-27 15:07:51 +08:00
|
|
|
var text = new Konva.Text({
|
2014-03-22 15:13:05 +08:00
|
|
|
text : "some text",
|
|
|
|
fontSize: 20,
|
|
|
|
fill: "black",
|
|
|
|
y : 50
|
|
|
|
});
|
|
|
|
|
2015-01-27 15:07:51 +08:00
|
|
|
var rect = new Konva.Rect({
|
2014-03-22 15:13:05 +08:00
|
|
|
height : 100,
|
|
|
|
width : 100,
|
|
|
|
stroke : "#00B80C",
|
|
|
|
strokeWidth: 10,
|
|
|
|
cornerRadius: 1
|
|
|
|
});
|
|
|
|
group.add(text);
|
|
|
|
group.add(rect);
|
|
|
|
layer.add(group);
|
|
|
|
|
|
|
|
stage.add(layer);
|
|
|
|
|
|
|
|
group.cache({
|
|
|
|
x: -5,
|
|
|
|
y: -5,
|
|
|
|
width : 110,
|
|
|
|
height : 110,
|
|
|
|
drawBorder: true
|
|
|
|
}).offsetX(5).offsetY(5);
|
|
|
|
|
|
|
|
stage.draw();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|