HTML and CSS Reference
In-Depth Information
}
else
else iif
(
fillType
==
"pattern"
) {
var
var
tempColor
=
context
.
createPattern
(
pattern
,
"repeat"
)
}
else
else
{
tempColor
=
textFillColor
;
}
switch
switch
(
fillOrStroke
) {
case
case
"fill"
:
context
.
fillStyle
=
tempColor
;
context
.
fillText
(
message
,
xPosition
,
yPosition
);
break
break
;
case
case
"stroke"
:
context
.
strokeStyle
=
tempColor
;
context
.
strokeText
(
message
,
xPosition
,
yPosition
);
break
break
;
case
case
"both"
:
context
.
fillStyle
=
tempColor
;
context
.
fillText
(
message
,
xPosition
,
yPosition
);
context
.
strokeStyle
=
"#000000"
;
context
.
strokeText
(
message
,
xPosition
,
yPosition
);
break
break
;
}
}
function
function
textBoxChanged
(
e
) {
var
var
target
=
e
.
target
;
message
=
target
.
value
;
drawScreen
();
}
function
function
textBaselineChanged
(
e
) {
var
var
target
=
e
.
target
;
textBaseline
=
target
.
value
;
drawScreen
();
}
function
function
textAlignChanged
(
e
) {
var
var
target
=
e
.
target
;
textAlign
=
target
.
value
;
drawScreen
();
}
function
function
fillOrStrokeChanged
(
e
) {
var
var
target
=
e
.
target
;