lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-09-23 12:43:42 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

label offset is now adjusted whenever the text is updated

Browse Source
This commit is contained in:
Eric Rowell
2013-03-17 22:01:52 -07:00
parent e43c2fbeb4
commit 4036aa5fc7
2 changed files with 26 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/plugins/Label.js
View File

@@ -1,10 +1,15 @@
(function() {
// constants
var NONE = 'none',
var ATTR_CHANGE_LIST = ['fontFamily', 'fontSize', 'fontStyle', 'padding', 'lineHeight', 'text'],
CHANGE_KINETIC = 'Change.kinetic',
NONE = 'none',
UP = 'up',
RIGHT = 'right',
DOWN = 'down',
LEFT = 'left';
LEFT = 'left',
// cached variables
attrChangeListLen = ATTR_CHANGE_LIST.length;
/**
* Label constructor.  Blobs are defined by an array of points and
@@ -32,16 +37,27 @@
Kinetic.Plugins.Label.prototype = {
_initLabel: function(config) {
var that = this,
text = null;
this.innerGroup = new Kinetic.Group();
this.createAttrs();
Kinetic.Group.call(this, config);
this.setText(new Kinetic.Text(config.text));
text = new Kinetic.Text(config.text);
this.setText(text);
this.setRect(new Kinetic.Plugins.LabelRect(config.rect));
this.innerGroup.add(this.getRect());
this.innerGroup.add(this.getText());
this.innerGroup.add(text);
this.add(this.innerGroup);
this._setGroupOffset();
this._setGroupOffset();
// update text data for certain attr changes
for(var n = 0; n < attrChangeListLen; n++) {
text.on(ATTR_CHANGE_LIST[n] + CHANGE_KINETIC, function() {
that._setGroupOffset();
});
}
},
getWidth: function() {
return this.getText().getWidth();