User:Nicole Hametner/canvas: Difference between revisions
No edit summary |
No edit summary |
||
Line 2: | Line 2: | ||
<canvas id="c1" showsrc> | <canvas id="c1" showsrc> | ||
function draw(){ | function draw() { | ||
c = document.getElementById("c"); | |||
p = c.getContext("2d"); | |||
p = | |||
p.strokeStyle="rgb(0,255,0)" | |||
p.lineWidth = 3; | |||
p. | p.shadowOffsetX = 5; | ||
x+= | 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; | |||
} | |||
}} | |||
} | } | ||
</canvas> | </canvas> |
Revision as of 16:15, 14 October 2012
<canvas id="c1" showsrc> 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; }
}} } </canvas>