The HTML5 Canvas Text API - HTML5 Canvas - page 92

switch(fillOrStroke) {
case "fill":
context.fillStyle = textFillColor;
context.fillText (message, xPosition,yPosition);
break;
case "stroke":
context.strokeStyle = textFillColor;
context.strokeText (message, xPosition,yPosition);
break;
case "both":
context.fillStyle = textFillColor;
context.fillText (message, xPosition ,yPosition);
context.strokeStyle = "#000000";
context.strokeText (message, xPosition,yPosition);
break;
}
}
function textBoxChanged(e) {
var target = e.target;
message = target.value;
drawScreen();
}
function fillOrStrokeChanged(e) {
var target = e.target;
fillOrStroke = target.value;
drawScreen();
}
function textSizeChanged(e) {
var target = e.target;
fontSize = target.value;
drawScreen();
}
function textFillColorChanged(e) {
var target = e.target;
textFillColor = "#" + target.value;
drawScreen();
}
function textFontChanged(e) {
var target = e.target;
fontFace = target.value;
drawScreen();
}
function textBaselineChanged(e) {
var target = e.target;
textBaseline = target.value;
drawScreen();
}