HTML and CSS Reference
In-Depth Information
var
var message = "your text" ;
var
var fontSize = "50" ;
var
var fontFace = "serif" ;
var
var textFillColor = "#ff0000" ;
var
var textAlpha = 1 ;
var
var shadowX = 1 ;
var
var shadowY = 1 ;
var
var shadowBlur = 1 ;
var
var shadowColor = "#707070" ;
var
var textBaseline = "middle" ;
var
var textAlign = "center" ;
var
var fillOrStroke = "fill" ;
var
var fontWeight = "normal" ;
var
var fontStyle = "normal" ;
var
var fillType = "colorFill" ;
var
var textFillColor2 = "#000000" ;
var
var pattern = new
new Image ();
iif ( ! canvasSupport ()) {
return
return ;
}
var
var theCanvas = document . getElementById ( "canvasOne" );
var
var context = theCanvas . getContext ( "2d" );
var
var formElement = document . getElementById ( "textBox" );
formElement . addEventListener ( "keyup" , textBoxChanged , false
false );
formElement = document . getElementById ( "fillOrStroke" );
formElement . addEventListener ( "change" , fillOrStrokeChanged , false
false );
formElement = document . getElementById ( "textSize" );
formElement . addEventListener ( "change" , textSizeChanged , false
false );
formElement = document . getElementById ( "textFillColor" );
formElement . addEventListener ( "change" , textFillColorChanged , false
false );
formElement = document . getElementById ( "textFont" );
formElement . addEventListener ( "change" , textFontChanged , false
false );
formElement = document . getElementById ( "textBaseline" );
formElement . addEventListener ( "change" , textBaselineChanged , false
false );
formElement = document . getElementById ( "textAlign" );
formElement . addEventListener ( "change" , textAlignChanged , false
false );
Search WWH ::




Custom Search