User:Nicole Hametner/canvas: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
< | <!DOCTYPE html> | ||
<html><head> | |||
<script> | |||
function draw() { | function draw() { | ||
c = document.getElementById("c"); | c = document.getElementById("c"); | ||
| Line 26: | Line 29: | ||
} | } | ||
} | } | ||
</canvas> | </script> | ||
</head> | |||
<body marginwidth="100" marginheight="100" onload="draw()"> | |||
<canvas id="c" width="550" height="320" style="border: double blue 10px"></canvas> | |||
</body></html> | |||
Revision as of 16:07, 14 October 2012
<!DOCTYPE html> <html><head>
<script> function draw() {
c = document.getElementById("c");
p = c.getContext("2d");
p.strokeStyle="rgb(0,255,0)"
p.lineWidth = 3; p.shadowOffsetX = 5; p.shadowOffsetY = 8; p.shadowColor = "rgb(0, 255, 255)";
star=0;
p.beginPath();
while(star < 7) {
x = star * 90;
y = star * 40;
p.moveTo(-45+x,30+y);
p.lineTo(45+x,45+y);
p.lineTo(-35+x,90+y);
p.lineTo(10+x,0+y);
p.lineTo(35+x,105+y);
p.lineTo(-45+x,29+y);
p.stroke();
star=star+1;
}
} </script>
</head> <body marginwidth="100" marginheight="100" onload="draw()"> <canvas id="c" width="550" height="320" style="border: double blue 10px"></canvas> </body></html>