lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-09-18 09:50:05 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

added text metric caching to improve text drawing performance a bit

Browse Source
This commit is contained in:
Eric Rowell
2013-02-10 17:36:47 -08:00
parent c9b99a9131
commit 5d3180aee5
1 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/shapes/Text.js
View File

@@ -93,7 +93,7 @@
lineHeightPx = this.getLineHeight() * textHeight,
textArr = this.textArr,
textArrLen = textArr.length,
width = this.getWidth();
totalWidth = this.getWidth();
context.font = fontStyle + SPACE + fontSize + PX_SPACE + fontFamily;
context.textBaseline = MIDDLE;
@@ -104,15 +104,17 @@
// draw text lines
for(var n = 0; n < textArrLen; n++) {
var text = textArr[n];
var obj = textArr[n],
text = obj.text,
width = obj.width;
// horizontal alignment
context.save();
if(this.getAlign() === RIGHT) {
context.translate(width - this._getTextSize(text).width - p * 2, 0);
context.translate(totalWidth - width - p * 2, 0);
}
else if(this.getAlign() === CENTER) {
context.translate((width - this._getTextSize(text).width - p * 2) / 2, 0);
context.translate((totalWidth - width - p * 2) / 2, 0);
}
this.partialText = text;
@@ -190,6 +192,22 @@
height: parseInt(fontSize, 10)
};
},
_expandTextData: function(arr) {
var len = arr.length;
n = 0,
text = EMPTY_STRING,
newArr = [];
for (n=0; n<len; n++) {
text = arr[n];
newArr.push({
text: text,
width: this._getTextSize(text).width
});
}
return newArr;
},
/**
* set text data. wrap logic and width and height setting occurs
* here
@@ -258,7 +276,7 @@
}
row++;
}
this.textArr = arr;
this.textArr = this._expandTextData(arr);
}
};
Kinetic.Global.extend(Kinetic.Text, Kinetic.Shape);