Hello,
I have two canvas elements that have ben drawn - a curve as well as some boxes. I want to animate these so they are drawn on the screen gradually.
Here is the code:
function draw2009Box() {
var c = [login to view URL]("box2009");
var ctx = [login to view URL]("2d");
ctx.fillStyle="rgb(255,255,255)";
[login to view URL]();
[login to view URL](100,5);
[login to view URL](289,5);
[login to view URL](289,69);
[login to view URL](100,69);
[login to view URL](100,2);
[login to view URL](5,69);
[login to view URL](100,69);
[login to view URL](100,139);
[login to view URL](5,139);
[login to view URL](5,66);
[login to view URL](289,69);
[login to view URL](289,139);
[login to view URL](192,139);
[login to view URL](192,69);
[login to view URL](100,139);
[login to view URL](192,139);
[login to view URL](192,215);
[login to view URL](100,215);
[login to view URL](100,139);
[login to view URL](289,139);
[login to view URL](406,139);
[login to view URL](406,231);
[login to view URL](289,231);
[login to view URL](289,139);
[login to view URL](406,231);
[login to view URL](513,231);
[login to view URL](513,325);
[login to view URL](406,325);
[login to view URL](406,231);
[login to view URL] = 5;
[login to view URL]();
}
function draw2009Line() {
// 2009 LINE
var c = [login to view URL]("line2009");
var ctx = [login to view URL]("2d");
ctx.fillStyle="rgb(247,211,16)";
[login to view URL]();
[login to view URL](590,713);
[login to view URL](541,713,503,700,479,674);
[login to view URL](456,649,445,614,445,568);
[login to view URL](445,563,445,558,445,552);
[login to view URL](445,500,446,435,401,390);
[login to view URL](363,352,301,334,210,334);
[login to view URL](154,334,109,315,77,278);
[login to view URL](54,252,24,201,16,109);
[login to view URL](12,53,17,8,17,8);
[login to view URL](18,4,15,0,11,0);
[login to view URL](7,0,3,2,2,6);
[login to view URL](2,8,-2,53,1,110);
[login to view URL](4,144,10,175,19,202);
[login to view URL](30,237,46,266,66,288);
[login to view URL](101,328,150,349,210,349);
[login to view URL](256,349,294,353,325,363);
[login to view URL](352,372,374,384,390,400);
[login to view URL](431,441,430,500,430,552);
[login to view URL](430,558,430,563,430,568);
[login to view URL](430,618,443,657,468,684);
[login to view URL](495,713,536,728,590,728);
[login to view URL](594,728,598,725,598,721);
[login to view URL](598,717,594,713,590,713);
[login to view URL]();
}