HTML and CSS Reference
In-Depth Information
function
function
canvasStyleSizeChanged
(
e
) {
var
var
styleWidth
=
document
.
getElementById
(
"canvasStyleWidth"
);
var
var
styleHeight
=
document
.
getElementById
(
"canvasStyleHeight"
);
var
var
styleValue
=
"width:"
+
styleWidth
.
value
+
"px; height:"
+
styleHeight
.
value
+
"px;"
;
theCanvas
.
setAttribute
(
"style"
,
styleValue
);
drawScreen
();
}
NOTE
Whiletryingtochange
theCanvas.width
and
theCanvas.height
attributes,youmightnoticesome
oddities if you try to change the scale with CSS at the same time. It appears that after you change the
scale with CSS, the
width
and
height
attributes update the canvas in relation to that scale, which
mightnotbetheeffectyouareexpecting.ExperimentwithTextArranger3.0toseehowthesediffer-
ent styles and attributes interact.