//* Canvas control that draws a text string.
|
|
enyo.kind({
|
|
name: "enyo.canvas.Text",
|
|
kind: enyo.canvas.Shape,
|
|
published: {
|
|
//* The text to draw
|
|
text: "",
|
|
//* CSS font specification used to select a font for drawing
|
|
font: "12pt Arial",
|
|
//* Text alignment within the rectangle specified by the _bounds_ property
|
|
align: "left"
|
|
},
|
|
//* @protected
|
|
renderSelf: function(ctx) {
|
|
ctx.textAlign = this.align;
|
|
ctx.font = this.font;
|
|
this.draw(ctx);
|
|
},
|
|
fill: function(ctx) {
|
|
ctx.fillText(this.text, this.bounds.l, this.bounds.t);
|
|
},
|
|
outline: function(ctx) {
|
|
ctx.strokeText(this.text, this.bounds.l, this.bounds.t);
|
|
}
|
|
});
|