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
);