HTML and CSS Reference
In-Depth Information
theCanvas
.
width
=
target
.
value
;
drawScreen
();
}
function
function
canvasHeightChanged
(
e
) {
var
var
target
=
e
.
target
;
theCanvas
.
height
=
target
.
value
;
drawScreen
();
}
}
<
/script>
</head>
</head>
<body>
<body>
<div
<div style=
"position: absolute; top: 50px; left: 50px;"
>
<canvas
<canvas id=
"canvasOne"
width=
"500"
height=
"500"
>
Your browser does not support HTML5 Canvas.
</canvas>
</canvas>
<form>
<form>
Canvas Width:
<input
<input type=
"range"
id=
"canvasWidth"
min=
"0"
max=
"1000"
step=
"1"
value=
"500"
//>
<br>
<br>
Canvas Height:
<input
<input type=
"range"
id=
"canvasHeight"
min=
"0"
max=
"1000"
step=
"1"
value=
"500"
//>
<br>
</form>
</form>
</div>
</div>
</body>
</body>
</html>
</html>