-
Notifications
You must be signed in to change notification settings - Fork 2
/
gradient.html
52 lines (45 loc) · 2.01 KB
/
gradient.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="viewport" content="user-scalable=no,width=640" />
<title>Canvas Gradient Example</title>
</head>
<body onload='load();layer1.onmousemove="";'>
<div id='gradient-example' style="text-align:center">
<div id='layer1' width='640' height='360'>
<div id='main-header'>
<h4>WHERE THE CANVAS AT?!!</h4>
</div>
</div><br>
<div id='layer2' width='640' height='360'>
<div id='main-header'>
<h4>WHERE THE CANVAS AT?!!</h4>
</div>
</div><br>
<div id='layer3' width='640' height='360'>
<div id='main-header'>
<h4>WHERE THE CANVAS AT?!!</h4>
</div>
</div><br>
</div>
<p id="vstatus"></p>
<p id="license" style="color:#fff">
<img src="http://i.creativecommons.org/l/by-sa/3.0/nz/88x31.png" alt="Creative Commons Licence"><br />
<em>These demos by <a href="mailto:revlin@uni-sol.org">Revlin John </a> are licensed under the <a href="http://creativecommons.org/licenses/by-sa/3.0/nz/deed.en_GB">Creative Commons Attribution-ShareAlike 3.0 License, 2009-2016</a></em>
</p>
<script type="text/javascript" src="scripts/gradient.js"></script>
<script type="text/javascript">
function load() {
var canvas=document.createElement("canvas");
document.getElementById('gradient-example').replaceChild( canvas, document.getElementById("layer1") );
canvasApp1(canvas); // First canvas
canvas=document.createElement("canvas");
document.getElementById('gradient-example').replaceChild( canvas, document.getElementById("layer2") );
canvasApp2(canvas); // Second canvas
canvas=document.createElement("canvas");
document.getElementById('gradient-example').replaceChild( canvas, document.getElementById("layer3") );
canvasApp3(canvas); // Third canvas
}
</script>
</body>
</html>