User:Nicole Hametner/Prototyping: hello canvas: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
(Blanked the page)
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
[[File:hello canvas stars.png]]


<canvas id="c" 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>

Latest revision as of 21:11, 19 February 2013