fontStyle params for Text objects

Specify css font-variant|font-style options via the fontStyle parameter

Also getFontStyle and setFontStyle functions for this object.
This commit is contained in:
Andy Yaco-Mink
2012-03-30 10:08:44 -05:00
parent d8c5ca24af
commit bd43ffbc0e
3 changed files with 42 additions and 2 deletions

20
dist/kinetic-core.js vendored
View File

@@ -2385,10 +2385,13 @@ Kinetic.Text = function(config) {
if(config.padding === undefined) {
config.padding = 0;
}
if(config.fontStyle === undefined) {
config.fontStyle = 'normal';
}
config.drawFunc = function() {
var context = this.getContext();
context.font = this.fontSize + 'pt ' + this.fontFamily;
context.font = this.fontStyle + ' ' + this.fontSize + 'pt ' + this.fontFamily;
context.textBaseline = 'middle';
var metrics = context.measureText(this.text);
var textHeight = textHeight = parseInt(this.fontSize, 10);
@@ -2477,6 +2480,21 @@ Kinetic.Text.prototype = {
getFontSize: function() {
return this.fontSize;
},
/**
* set font style using same rules as the first argument for the css spec's shorthand font property:
* http://www.w3.org/TR/CSS21/fonts.html#propdef-font
* i.e. [ <'font-style'> || <'font-variant'> || <'font-weight'> ]
* @param {String} fontStyle
*/
setFontStyle: function(fontStyle) {
this.fontStyle = fontStyle;
},
/**
* get font style
*/
getFontStyle: function() {
return this.fontStyle;
},
/**
* set text fill color
* @param {String} textFill