konva/tests/js/unit/plugins/labelTests.js

54 lines
1.4 KiB
JavaScript
Raw Normal View History

2013-03-16 14:35:40 +08:00
Test.Modules.LABEL = {
'*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({
x: 100,
y: 100,
2013-03-16 14:35:40 +08:00
draggable: true,
text: {
2013-03-16 14:35:40 +08:00
text: 'Hello World!',
fontSize: 50,
//fontFamily: 'Calibri',
//fontStyle: 'normal',
2013-03-16 14:35:40 +08:00
lineHeight: 1.2,
//padding: 10,
fill: 'green'
},
2013-03-16 14:35:40 +08:00
rect: {
fill: '#bbb',
stroke: '#333',
shadowColor: 'black',
shadowBlur: 10,
2013-03-16 14:35:40 +08:00
shadowOffset: [10, 10],
shadowOpacity: 0.2,
lineJoin: 'round',
//pointerDirection: 'down',
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();
}
};