2013-03-16 14:35:40 +08:00
|
|
|
Test.Modules.LABEL = {
|
2013-03-18 08:56:39 +08:00
|
|
|
'*add label': function(containerId) {
|
2013-03-16 14:35:40 +08:00
|
|
|
var stage = new Kinetic.Stage({
|
|
|
|
container: containerId,
|
|
|
|
width: 578,
|
|
|
|
height: 200
|
|
|
|
});
|
|
|
|
var layer = new Kinetic.Layer();
|
|
|
|
|
|
|
|
var label = new Kinetic.Plugins.Label({
|
2013-03-18 08:20:06 +08:00
|
|
|
x: 100,
|
|
|
|
y: 100,
|
2013-03-16 14:35:40 +08:00
|
|
|
draggable: true,
|
2013-03-18 08:20:06 +08:00
|
|
|
text: {
|
2013-03-16 14:35:40 +08:00
|
|
|
text: 'Hello World!',
|
|
|
|
fontSize: 50,
|
2013-03-18 12:16:08 +08:00
|
|
|
//fontFamily: 'Calibri',
|
|
|
|
//fontStyle: 'normal',
|
2013-03-16 14:35:40 +08:00
|
|
|
lineHeight: 1.2,
|
2013-03-18 12:16:08 +08:00
|
|
|
//padding: 10,
|
2013-03-18 08:20:06 +08:00
|
|
|
fill: 'green'
|
|
|
|
},
|
2013-03-16 14:35:40 +08:00
|
|
|
rect: {
|
|
|
|
fill: '#bbb',
|
|
|
|
stroke: '#333',
|
|
|
|
shadowColor: 'black',
|
2013-03-18 08:20:06 +08:00
|
|
|
shadowBlur: 10,
|
2013-03-16 14:35:40 +08:00
|
|
|
shadowOffset: [10, 10],
|
|
|
|
shadowOpacity: 0.2,
|
2013-03-18 08:20:06 +08:00
|
|
|
lineJoin: 'round',
|
2013-03-18 12:16:08 +08:00
|
|
|
//pointerDirection: 'down',
|
2013-03-18 08:20:06 +08:00
|
|
|
pointerWidth: 20,
|
|
|
|
pointerHeight: 20,
|
|
|
|
cornerRadius: 5
|
2013-03-16 14:35:40 +08:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
layer.add(label);
|
|
|
|
stage.add(layer);
|
|
|
|
|
|
|
|
var beforeTextWidth = label.getText().getWidth();
|
|
|
|
|
|
|
|
label.getText().setFontSize(100);
|
|
|
|
|
|
|
|
var afterTextWidth = label.getText().getWidth();
|
|
|
|
|
|
|
|
test(afterTextWidth > beforeTextWidth, 'label text width should have grown');
|
|
|
|
|
|
|
|
label.getText().setFontSize(50);
|
|
|
|
|
|
|
|
layer.draw();
|
|
|
|
}
|
|
|
|
};
|