User:Nicole Hametner/Prototyping: hello canvas: Difference between revisions
From XPUB & Lens-Based wiki
|
|
(3 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
| [[File:hello canvas stars.png]]
| |
|
| |
|
| <canvas id="c" width="640" 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