/**
 * @class Ext.draw.sprite.Text
 * @extend Ext.draw.sprite.Sprite
 *
 * A sprite that represents text.
 *
 *     @example
 *     Ext.create({
 *        xtype: 'draw',
 *        renderTo: document.body,
 *        width: 600,
 *        height: 400,
 *        sprites: [{
 *            type: 'text',
 *            x: 50,
 *            y: 50,
 *            text: 'Sencha',
 *            fontSize: 30,
 *            fillStyle: '#1F6D91'
 *        }]
 *     });
 */
 
/**
 * @property {Boolean} [debug=false]
 * @static
 *
 * Debug rendering options:
 *
 *     debug: {
 *         bbox: true // renders the bounding box of the text sprite
 *     }
 *
 */
 
/**
 * @cfg {Number} [x=0]
 * The position of the sprite on the x-axis.
 */
 
/**
 * @cfg {Number} [y=0]
 * The position of the sprite on the y-axis.
 */
 
/**
 * @cfg {String} [text='']
 * The text represented in the sprite.
 */
 
/**
 * @cfg {String/Number} [fontSize='10px']
 * The size of the font displayed.
 */
 
/**
 * @cfg {String} [fontStyle='enums(,italic,oblique)']
 * The style of the font displayed. {normal, italic, oblique}
 */
 
/**
 * @cfg {String} [fontVariant='enums(,small-caps)']
 * The variant of the font displayed. {normal, small-caps}
 */
 
/**
 * @cfg {String} [fontWeight='']
 * The weight of the font displayed. {normal, bold, bolder, lighter}
 */
 
 
/**
 * @cfg {String} [fontFamily='sans-serif']
 * The family of the font displayed.
 */
 
/**
 * @cfg {String} [textAlign='start']
 * The alignment of the text displayed.
 * {left, right, center, start, end}
 */
 
/**
 * @cfg {String} [textBaseline="alphabetic"]
 * The baseline of the text displayed.
 * {top, hanging, middle, alphabetic, ideographic, bottom}
 */
 
/**
 * @cfg {String} [font='10px sans-serif']
 * The font displayed.
 */